LLMXP
Скиллы/Дизайн/ui-skills-root

ui-skills-root

Выбрать скиллы для работы над интерфейсом

ibelick/ui-skillsАвторский скилл
9 602звёзд446форковУ всего репозитория

Что получите

Подобранный контекст UI Skills и реализация задачи с его использованием.

Что передать

Цель работы над интерфейсом и используемые технологии.

Автопроверка файлов

Проверен состав файлов. Запуск не тестировался. Что проверено

Оценки пользователей

Загрузка оценок…
Ваш опыт
Обсудить →

Как использовать

Помогает агентам в Codex, Cursor и Claude Code подобрать инструкции UI Skills под конкретную задачу интерфейса. Выбор учитывает тему, используемые технологии и требуемую специализацию.

  1. Опишите цель; если она неясна, инструкция предусматривает один короткий уточняющий вопрос.
  2. Начните с npx ui-skills start и выберите подходящую категорию.
  3. Загрузите минимальный полезный набор скиллов и используйте его при реализации.

Условия работы

  • Выбор и загрузка инструкций выполняются через командную утилиту ui-skills.
  • Предпочтителен один скилл; два нужны для двух разных аспектов, три — для широкой проверки или переработки. Больше трёх не допускается.
  • Для задач, не связанных с интерфейсом, скиллы не выбираются.

Пример запроса после установки

Подбери через UI Skills подходящую инструкцию для небольшой правки формы в нашем интерфейсе на React и примени её к расположению элементов.

Пример составлен по инструкции автора; результат запуска не проверялся.

Основание: инструкция закреплённой версии

Для установки

Node.js, npm и Git для команды выше. Подключения и инструменты для работы скилла настраиваются отдельно.

Совместимые агенты

Claude Code

Совместимость указана для инструкций. Запуск в каждом приложении не тестировался; для веб-чата способ подключения может отличаться.

Файлы скилла

GitHub
SKILL.md2 КБ
Читать инструкцию SKILL.md

Исходный текст закреплённой версии.

---
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.

Проверка и особенности

Автоматическая проверка источника и файлов

Автоматически проверены публичный репозиторий, лицензия, заголовок SKILL.md, состав текстового пакета и Git-хеш каждого файла. Пакеты с исполняемыми файлами и срабатываниями применённых статических правил не включены. Ручной аудит всех инструкций и функциональный запуск не проводились. Внешние инструменты и сервисы не проверялись. Проверка не гарантирует безопасность.

В публичном списке установок на 2026-10-09 у скилла было 6 089 установок. Порог отбора — 1 000 установок. Число установок показывает распространённость, а не качество или безопасность инструкции.

Проверка состава
09.10.2026
Проверенная версия
7d7b15eefd89
Файлы с кодом
Не указаны в данных проверки
Изменения на GitHub
Нужна повторная проверкаПоследняя проверка: 11.10.2026
Как мы проверяем скиллы

Репозиторий и лицензия

ibelick/ui-skills
9 602 звёзд446 форков

Это показатели всего репозитория, а не установки скилла. Снимок требует обновления.

Другие скиллы из этого репозитория
Последняя активность GitHub
11.10.2026
Лицензия
MIT
Добавлен в каталог
09.10.2026
Полный текст лицензии
MIT License

Copyright (c) 2026 Julien Thibeaut

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

Ещё в этой категории

Все в категории
Визуальный дизайн интерфейса под конкретный продуктfrontend-design

Помогает создавать новые интерфейсы и менять оформление существующих с учётом продукта, аудитории и задачи. Направляет выбор цветов, шрифтов, композиции, движения и текстов, чтобы у дизайна был собственный характер.

Оформление материалов в стиле Anthropicbrand-guidelines

Помогает авторам визуальных материалов применять фирменные цвета и типографику Anthropic. Задаёт оформление заголовков, основного текста, фона и цветовых акцентов с сохранением иерархии текста.

Единое оформление презентаций и документовtheme-factory

Помогает оформить презентацию, документ, отчёт или HTML-страницу с согласованными цветами и шрифтами. Можно выбрать одну из десяти готовых тем или создать тему по своему описанию.

Проверка кода веб-интерфейсаweb-design-guidelines

Помогает разработчикам проверить код интерфейса по Web Interface Guidelines от Vercel. Подходит для разбора доступности, дизайна и удобства использования сайта.

Создание интерфейса по макету Figmafigma

Помогает разработчикам перенести выбранный макет Figma в код проекта. Учитывает существующие компоненты, стили и устройство приложения.

Обсуждение

Правила

Пользовались этим скиллом? Делитесь опытом без регистрации. Все комментарии проверяет модератор.

Мои комментарии