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

fa-help — скилл для Claude Code: ответы по Font Awesome

Отвечает на вопросы о Font Awesome по официальной документации, а не по памяти модели. Полезен при настройке, стилизации и апгрейде иконок.

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

Что делает fa-help

Скилл принимает один обязательный аргумент — вопрос про Font Awesome: установка, стили, анимация, API, переход на новую версию, разбор проблем. Агент идёт в индекс https://docs.fontawesome.com/llms.txt, находит там подходящую страницу и забирает её через WebFetch. Ответ строится на этом тексте, поэтому версии и примеры кода берутся из документации, а не из устаревших данных обучения.

За один вопрос скилл открывает не больше трёх страниц: сначала самую узкую по теме, потом соседние, если не хватает контекста. В конце ответа ставится ссылка на источник — из адреса страницы убирается расширение .md. Если в проекте лежит файл .font-awesome.md, примеры подгоняются под ваш способ подключения, версию и лицензию.

Сырую разметку <svg> скилл не выдаёт: за ней он отправляет в /add-icon, который тянет её из API Font Awesome. Вопросы про CSS, JavaScript или фреймворки вне Font Awesome он разбирает коротко и без похода в документацию. Если ответа в документации нет, скилл скажет об этом прямо, а не придумает его.

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

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

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

  • Как подключить Font Awesome через Kit в моём проекте?
  • Почему иконка не отображается после обновления?
  • Как включить анимацию вращения у иконки?

Как установить fa-help

1Через Skills CLI (Vercel)

npx skills add FortAwesome/fontawesome-agent-tools --skill fa-help -a claude-code

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

~/.claude/skills/fa-help/SKILL.md

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

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

Вопросы о fa-help

Как установить fa-help в Claude Code?

Выполните npx skills add FortAwesome/fontawesome-agent-tools --skill fa-help -a claude-code. После этого файл скилла окажется по пути ~/.claude/skills/fa-help/SKILL.md.

Что делает fa-help?

Берёт ваш вопрос про Font Awesome, находит нужную страницу в официальной документации и отвечает по ней со ссылкой на источник. Примеры кода адаптирует под ваш проект, если есть .font-awesome.md.

Почему скилл не выдаёт готовый SVG?

Он намеренно не генерирует разметку <svg> из памяти. За авторитетной разметкой иконки он направляет в /add-icon, который запрашивает её через API Font Awesome.

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

Всё по теме «Фронтенд и UI» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок hyperframes heygen-com Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. CX Codex +1 1 200 000установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. CX Codex +1 1 300 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. 186 758установок

Из того же набора2

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

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