К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

ui-skills-root — скилл для Claude Code: маршрутизация UI-задач

Маршрутизатор UI-задач, который определяет нужный скилл перед работой над интерфейсом. Запускается командой npx ui-skills start и помогает агенту выбрать минимальный контекст для решения.

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

Что делает 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-code

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

~/.claude/skills/ui-skills-root/SKILL.md

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

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

Весь набор →

Похожие

just casey Справочник по just — инструменту для запуска команд и скриптов из justfile. Пригодится, если в проекте уже есть justfile или нужно быстро вспомнить синтаксис рецептов. Claude Code CX Codex Cursor +1 1 000установок argent-react-native-app-workflow software-mansion Задаёт пошаговый процесс сборки, запуска и отладки React Native в симуляторе iOS или эмуляторе Android. Помогает поднять Metro и разобрать сбои билда. Claude Code CX Codex Cursor +1 26 300установок argent-metro-debugger software-mansion Скилл подключает отладчик к JS-рантайму через CDP: инспектируете React-компоненты, читаете логи консоли, вычисляете код прямо в процессе. Работает с React Native (iOS, Android, Vega) и Chromium-приложениями (Electron, браузеры). Claude Code CX Codex Cursor +1 26 200установок xlsx-author официальный anthropics Скилл для создания .xlsx-файлов на диске без открытого Excel, когда агент работает в управляемом режиме без доступа к живой книге. Нужен, если нужно доставить готовый файл, а не редактировать документ в реальном времени. Claude Code CX Codex Cursor +1 1 400установок docx nexu-io Скилл для создания, редактирования и анализа Word-документов с отслеживанием изменений, комментариями и форматированием. Пригодится для дизайн-брифов, копирайт-документов и материалов, готовых к согласованию. Claude Code CX Codex Cursor +1 3 000установок material-ui-nextjs mui Скилл для связки Material UI с Next.js: SSR, кеш Emotion, next/font, CSS-слои, Link и useSearchParams. Пригодится при настройке или отладке MUI в Next.js-приложении. Claude Code CX Codex Cursor +1 725установок setup-matt-pocock-skills Matt Pocock Скилл настраивает репозиторий для инженерных скиллов Matt Pocock: задаёт трекер задач, метки триажа и расположение доменной документации. Запустите его перед первым использованием остальных скиллов. Claude Code 1 052 851установок to-tickets Matt Pocock Разбивает план, спецификацию или переписку на небольшие сквозные задачи и отмечает, какие из них блокируют остальные. Пригодится, когда нужно согласовать порядок работы до публикации задач в трекере. Claude Code 711 230установок

Вопросы о 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

Смотрите также

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

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