UX/UI Agent Skills — плагин
Набор скиллов, токенов и правил, который делает из Claude дизайн-архитектора: DTCG-токены, компоненты, доступность и объективные проверки качества
- 3 164 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Команда /gate запускает Node-скрипты проверок: доступность, контраст, состояния и адаптивность
- npx ux-ui-agent-skills init раскладывает файлы и CLAUDE.md в проект
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/ux-ui-agent-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Команда /gate запускает Node-скрипты проверок: доступность, контраст, состояния и адаптивность
- npx ux-ui-agent-skills init раскладывает файлы и CLAUDE.md в проект
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Это чистый слой инструкций и знаний для агента без рантайма и зависимостей. Он дает Claude дизайн-токены в формате DTCG с трехуровневой архитектурой, спецификации компонентов, правила типографики и цвета, требования доступности по WCAG 2.2 и библиотеку фирменных дизайн-систем, из которых агент собирает интерфейс под любой фреймворк. В комплекте идут запускаемые скиллы, команды и агент-критик, а также набор объективных проверок, которые проваливают сборку вместо того, чтобы имитировать успех. Ставится плагином в Claude Code или раскладывается в проект через npx, после чего CLAUDE.md включает роль дизайн-эксперта.
Для кого. Для дизайнеров и фронтенд-разработчиков, которым нужен единый и доступный результат от агента, а не разнобой от страницы к странице.
Подходит, если
- Нужны дизайн-токены и тема со светлым и темным режимом на общей системе
- Нужно собрать компонент или экран со всеми состояниями и доступностью
- Нужно провести ревью интерфейса и прогнать объективные проверки качества
Не подходит, если
- Нужна готовая библиотека компонентов в виде пакета, а не слой инструкций для агента
- Задача не про интерфейс и дизайн-систему
Пример запроса к агенту
Собери экран настроек биллинга на общей теме со светлым и темным режимом и всеми состояниямиОграничения
Это набор инструкций и справочников, а не рантайм и не библиотека кода, готовые компоненты в виде пакета он не поставляет. Результат зависит от модели, которая его применяет. Корневой CLAUDE.md плагина не подхватывается как контекст проекта, поэтому house-rules вынесены в скилл design-doctrine. Часть возможностей завязана на работу внутри Claude Code или другой среды с Claude.
Как отключить. Удалите плагин через claude plugin uninstall ux-ui-agent-skills и claude plugin marketplace remove ux-ui-agent-skills. Если раскладывали через npx, удалите добавленные в проект файлы набора.
Частые вопросы
Это библиотека компонентов?
Нет. Это слой инструкций, токенов и правил для агента, готовые компоненты пакетом он не отдает, агент собирает код под ваш фреймворк.
Что делают объективные проверки?
Команда gate прогоняет набор проверок по доступности, токенам и структуре и показывает реальный результат, а не отчет об успехе на глаз.
Чем UX/UI Agent Skills отличаются от библиотеки компонентов?
Это чистый слой инструкций и знаний без рантайма и зависимостей. Он дает Claude дизайн-токены в формате DTCG с трехуровневой архитектурой, спецификации компонентов, правила типографики, цвета и доступности.
Как установить UX/UI Agent Skills?
В Claude Code: /plugin marketplace add plugin87/ux-ui-agent-skills, затем /plugin install. Работает также в Cursor. Компоненты в готовом виде не поставляются, это инструкции и правила для агента.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныДесять скиллов по UX и дизайну для Claude Code, Cursor и Codex: исследования, критика, доступность, дизайн-системы, UX-тексты
Маркетплейс плагинов и скиллов Claude Code для 3D, анимации и современного веба: Three.js, GSAP, React Three Fiber, Babylon.js
Скилл и CLI для агентов: интерфейс без шаблонного вида, 25 команд, проверка шаблонности правилами и оценка качества от 0 до 100
Скилл Claude превращает сайты, картинки и файлы Figma в дизайн-систему: Markdown, токены DTCG и промпты для сборки элементов
MCP-сервер и плагин для сборки интерфейса с агентом: курируемые дизайн-системы, промпты для UI и варианты верстки
Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили
Коротко о README
README описывает набор как чистый слой инструкций и знаний без сборки, зависимостей и рантайма. Установка идет двумя путями: плагином Claude Code двумя командами или через npx init в текущий проект, есть режим демо для просмотра без установки. В комплекте скиллы, команды gate, critique, grill-me, ship и scaffold-project, агент-критик и библиотека фирменных дизайн-систем. Показаны примеры экранов, отрисованные из тех же токенов и проверенные воротами качества в светлой и темной теме. Лицензия MIT.