setup-fa — скилл для Claude Code: что делает и как установить
Настраивает Font Awesome в проекте с нуля: определяет фреймворк, подбирает Kit или npm-пакеты и создаёт файл конфигурации .font-awesome.md.
npx skills add FortAwesome/fontawesome-agent-tools --skill setup-fa -a claude-codeЧто делает setup-fa
Скилл запускает субагент для исследования кодовой базы. Он выясняет структуру проекта, находит пакетный менеджер, распознаёт фреймворки вроде React или Vue и собирает уже внедрённые классы иконок. По умолчанию рекомендуется Font Awesome Kit. Перед тем как менять файлы или ставить зависимости, агент ждёт подтверждения от пользователя.
Интеграция китов опирается на консольную утилиту fa версии 0.8.0 или новее. Без утилиты в PATH скилл обращается к встроенным скриптам Python. Модели запрещено придумывать SVG-разметку из памяти: исходный код иконки запрашивается через API или CLI. Если сессия в fa не открыта и нет переменной FA_API_TOKEN, операции с китами не сработают.
Какие задачи решает
- подключить Font Awesome к новому проекту на React или Vue
- перейти с неофициальных CDN на настроенный Font Awesome Kit
- создать файл
.font-awesome.mdдля запуска команды/add-icon - собрать список уже используемых в разметке классов и стилей иконок
Примеры запросов агенту
- Настрой Font Awesome в этом проекте через Kit
- Подключи Font Awesome для Vue с помощью npm-пакетов
- Проверь проект и настрой Font Awesome
Как установить setup-fa
1Через Skills CLI (Vercel)
npx skills add FortAwesome/fontawesome-agent-tools --skill setup-fa -a claude-code2Вручную: положить файлы
~/.claude/skills/setup-fa/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/setup-fa/
1Через Skills CLI (Vercel)
npx skills add FortAwesome/fontawesome-agent-tools --skill setup-fa -a codex2Вручную: положить файлы
.agents/skills/setup-fa/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add FortAwesome/fontawesome-agent-tools --skill setup-fa -a cursor2Вручную: положить файлы
.cursor/skills/setup-fa/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install FortAwesome/fontawesome-agent-tools setup-fa2Вручную: положить файлы
.github/skills/setup-fa/SKILL.md1Через Skills CLI (Vercel)
npx skills add FortAwesome/fontawesome-agent-tools --skill setup-fa -a gemini-cli2Командой платформы
gemini skills install https://github.com/FortAwesome/fontawesome-agent-tools --path plugins/icons/skills/setup-faВручную: положить файлы
.devin/skills/setup-fa/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add FortAwesome/fontawesome-agent-tools --skill setup-fa -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о setup-fa
Как установить setup-fa в Claude Code?
Выполните команду npx skills add FortAwesome/fontawesome-agent-tools --skill setup-fa -a claude-code. Конфигурация навыка сохранится в ~/.claude/skills/setup-fa/SKILL.md.
Что делает setup-fa?
Скилл определяет фреймворк проекта, находит существующие иконки, устанавливает нужные пакеты или код вставки Kit и записывает файл .font-awesome.md.
Что требуется для настройки Font Awesome Kit?
Понадобится CLI-утилита fa версии 0.8.0 или новее с выполненным входом через fa login либо заданная переменная окружения FA_API_TOKEN.
