fa-help — скилл для Claude Code: ответы по Font Awesome
Отвечает на вопросы о Font Awesome по официальной документации, а не по памяти модели. Полезен при настройке, стилизации и апгрейде иконок.
npx skills add FortAwesome/fontawesome-agent-tools --skill fa-help -a claude-codeЧто делает 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-code2Вручную: положить файлы
~/.claude/skills/fa-help/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/fa-help/
1Через Skills CLI (Vercel)
npx skills add FortAwesome/fontawesome-agent-tools --skill fa-help -a codex2Вручную: положить файлы
.agents/skills/fa-help/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add FortAwesome/fontawesome-agent-tools --skill fa-help -a cursor2Вручную: положить файлы
.cursor/skills/fa-help/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install FortAwesome/fontawesome-agent-tools fa-help2Вручную: положить файлы
.github/skills/fa-help/SKILL.md1Через Skills CLI (Vercel)
npx skills add FortAwesome/fontawesome-agent-tools --skill fa-help -a gemini-cli2Командой платформы
gemini skills install https://github.com/FortAwesome/fontawesome-agent-tools --path plugins/icons/skills/fa-helpВручную: положить файлы
.devin/skills/fa-help/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add FortAwesome/fontawesome-agent-tools --skill fa-help -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в 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.