К основному содержанию
скилл CX Codex

suggest-icon — скилл для Claude Code: подбор иконок Font Awesome

Подбирает иконку Font Awesome под ситуацию, слово или понятие и проверяет, что она есть в вашей версии или Kit.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add FortAwesome/fontawesome-agent-tools --skill suggest-icon -a claude-code
Открыть на GitHub

Что делает suggest-icon

Скилл принимает один обязательный аргумент — понятие, ситуацию, существительное или глагол, для которого нужна иконка. Дальше он не полагается на память модели: сначала определяет версию Font Awesome, потом проверяет, существует ли выбранная иконка, и отдельно ищет альтернативы через fa search или скрипты из plugins/icons/skills/suggest-icon/.

Если в корне проекта лежит .font-awesome.md с Kit ID, поиск ограничивается подмножеством этого Kit. Это важно: Kit содержит не все иконки, и рекомендация иконки вне Kit даст нерабочий результат. Проверить принадлежность можно через fa kit icon, а поиск — через fa search --kit-token <TOKEN>. Для команд fa kit нужна авторизация (fa whoami или FA_API_TOKEN), а сам fa kit требует версии fa не ниже 0.8.0.

Без fa в PATH скилл переходит на Python-скрипты и предупреждает, что сузить подбор до Kit не получится. Ответ приходит таблицей: имя иконки, семейства и доступность по лицензии. Голую SVG-разметку скилл не выдаёт — за ней отправляет в /add-icon.

Какие задачи решает

  • подобрать иконку под понятие или действие
  • проверить, что иконка есть в нужной версии Font Awesome
  • ограничить подбор иконками из настроенного Kit
  • найти альтернативы, если первая догадка не подошла
  • узнать, входит иконка в бесплатный набор или требует подписки

Примеры запросов агенту

  • Подбери иконку для раздела с загрузкой файлов
  • Нужна иконка для понятия «подписка», проверь по нашей версии
  • Найди иконку для кнопки удаления и добавь её в компонент

Как установить suggest-icon

1Через Skills CLI (Vercel)

npx skills add FortAwesome/fontawesome-agent-tools --skill suggest-icon -a claude-code

2Вручную: положить файлы

~/.claude/skills/suggest-icon/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/suggest-icon/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о suggest-icon

Как установить suggest-icon в Claude?

Выполните npx skills add FortAwesome/fontawesome-agent-tools --skill suggest-icon -a claude-code. Скилл окажется в ~/.claude/skills/suggest-icon/SKILL.md.

Что делает suggest-icon?

Подбирает иконку Font Awesome под заданное понятие или ситуацию, проверяет её наличие в выбранной версии и ищет альтернативы. Если в проекте настроен Kit, подбор идёт только по его иконкам.

Что нужно для работы с Kit?

Нужен fa CLI версии 0.8.0 или новее и авторизация — через fa whoami или переменную FA_API_TOKEN. Без fa скилл работает на Python-скриптах, но не сможет ограничить подбор иконками Kit.

Похожие скиллы

Всё по теме «Фронтенд и UI» →
icon-set-generator jezweb Скилл рисует набор SVG-иконок под конкретный проект: один стиль, одна сетка, одинаковый штрих. Пригодится, когда сайту нужен свой набор, а не Lucide. CX Codex +1 1 900установок svg-icon-generator Jeremy Longshore Скилл для задач с SVG-иконками: подсказывает шаги, пишет код и проверяет результат. Включается сам, когда в запросе есть «svg». CX Codex +1 1 300установок icon-system Owl-Listener Задаёт правила для системы иконок: сетку 24x24px, шкалу размеров, именование и доступность. Пригодится при наведении порядка в дизайн-системе проекта. CX Codex +1 2 400установок llm-icon-finder daymade Скилл находит ссылки на иконки AI-моделей и провайдеров из библиотеки lobe-icons и помогает скачать их в SVG, PNG или WEBP. CX Codex +1 952установок solar-duotone-bold MengTo Набор инструкций для оформления интерфейса иконками Iconify Solar Duotone Bold. Пригодится, когда обычные контурные значки выглядят слишком просто и нужен двухтоновый акцент. CX Codex +1 1 400установок law-of-closure Owl-Listener Учит агента строить интерфейс на подразумеваемых границах: убирать лишние рамки, рисовать иконки из минимальных подсказок и опираться на негативное пространство. CX Codex +1 1 100установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой