ui-skills-root — скилл для Claude Code: маршрутизация UI-задач
Маршрутизатор UI-задач, который определяет нужный скилл перед работой над интерфейсом. Запускается командой npx ui-skills start и помогает агенту выбрать минимальный контекст для решения.
npx skills add ibelick/ui-skills --skill ui-skills-root -a claude-codeЧто делает ui-skills-root
ui-skills-root — это входная точка экосистемы UI Skills. Когда агент получает UI-задачу, скилл проверяет, действительно ли она связана с интерфейсом, а затем выбирает подходящий узкоспециализированный скилл из реестра. Вместо того чтобы загружать весь контекст, он работает с принципом минимальности: предпочитает один скилл, использует два только если задача требует двух ясных углов, три — исключительно для полного переосмысления или кроссплатформенной работы.
Протокол прост: определи категорию, инспектируй её через CLI, выбери нужные скиллы, загрузи их и реализуй. Для этого доступны команды npx ui-skills categories, npx ui-skills list --category, npx ui-skills get <slug>. Если задача неясна, скилл задаёт один короткий уточняющий вопрос вместо того чтобы гадать.
Какие задачи решает
- выбрать нужный UI-скилл перед началом работы
- избежать перегрузки контекста лишним материалом
- маршрутизировать задачу по категориям и стеку
- определить, нужен ли скилл вообще
Примеры запросов агенту
- Использую UI Skills для кнопки с анимацией в React
- Запусти ui-skills-root, чтобы выбрать скилл для вёрстки
- Помоги выбрать контекст через `npx ui-skills categories`
Как установить ui-skills-root
1Через Skills CLI (Vercel)
npx skills add ibelick/ui-skills --skill ui-skills-root -a claude-code2Вручную: положить файлы
~/.claude/skills/ui-skills-root/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/ui-skills-root/
1Через Skills CLI (Vercel)
npx skills add ibelick/ui-skills --skill ui-skills-root -a codex2Вручную: положить файлы
.agents/skills/ui-skills-root/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add ibelick/ui-skills --skill ui-skills-root -a cursor2Вручную: положить файлы
.cursor/skills/ui-skills-root/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install ibelick/ui-skills ui-skills-root2Вручную: положить файлы
.github/skills/ui-skills-root/SKILL.md1Через Skills CLI (Vercel)
npx skills add ibelick/ui-skills --skill ui-skills-root -a gemini-cli2Командой платформы
gemini skills install https://github.com/ibelick/ui-skills --path skills/ui-skills-rootВручную: положить файлы
.devin/skills/ui-skills-root/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add ibelick/ui-skills --skill ui-skills-root -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Из того же набора5
Весь набор →Похожие
Вопросы о ui-skills-root
Как установить ui-skills-root в Claude Code?
Выполни npx skills add ibelick/ui-skills --skill ui-skills-root -a claude-code, затем найди файл в ~/.claude/skills/ui-skills-root/SKILL.md.
Что делает ui-skills-root?
Это маршрутизатор, который определяет, подходит ли задача для UI-работы, выбирает подходящую категорию и загружает минимально необходимый скилл из реестра ui-skills.
Сколько скиллов одновременно?
Предпочтительно один. Два — только если задача требует двух отчётливых аспектов. Три или больше — исключительно для полного переосмысления или работы с несколькими платформами.
Исходный текст
SKILL.md · MIT
--- name: ui-skills-root description: Use before UI-related work to select the smallest useful UI Skills context through the ui-skills CLI. license: MIT metadata: author: ibelick version: "1.0.0" --- # UI Skills Root You are the routing layer for UI Skills. This skill is shown by `npx ui-skills start` and is also available in the registry. Use it when an agent in Codex, Cursor, or Claude Code has a clear UI goal. If the goal is unclear, ask one short question. If the goal is clear, choose the right category, load the smallest useful skill context, then implement. ## Protocol 1. decide if the task is UI-related 2. if not, return `no skill needed` 3. identify the likely category 4. inspect that category with the CLI 5. select the smallest useful skill set 6. load only selected skill(s) 7. implement using that context ## CLI ```bash npx ui-skills start npx ui-skills categories npx ui-skills list --category <category> npx ui-skills get <slug> ``` ## Selection Rules Prefer 1 skill. Use 2 only when the task needs two clear angles. Use 3 only for broad review, redesign, or multi-surface work. Never use more than 3. Route by topic, then stack, then specificity. Prefer specific skills over broad skills. Prefer framework-specific skills when the stack is obvious. For quick cleanup, prefer the most specific craft, visual, or layout skill available. If unsure, inspect categories and pick the safest narrow skill.
© ibelick · MIT · ibelick/ui-skills