UX/UI Agent Skills
Набор скиллов, токенов и правил, который делает из Claude дизайн-архитектора: DTCG-токены, компоненты, доступность и объективные проверки качества
Низкий риск
Низкий уровень ставим, когда запись в основном дает агенту инструкции и справочные материалы.
Почему такой уровень
- Набор состоит только из инструкций, токенов и справочников без рантайма
Установка
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/ux-ui-agent-skillsОпределит агенты на машине, проверит риск и зафиксирует версию.
Другие способы установки
Выполните по очереди в чате Claude Code
/plugin marketplace add plugin87/ux-ui-agent-skills
/plugin install ux-ui-agent-skills@ux-ui-agent-skillsУстанови как плагин Claude Code: /plugin marketplace add plugin87/ux-ui-agent-skills, затем /plugin install ux-ui-agent-skills@ux-ui-agent-skills. Или разложи в проект: npx ux-ui-agent-skills init.
Другие способы из описания автора
/plugin marketplace add plugin87/ux-ui-agent-skills
/plugin install ux-ui-agent-skills@ux-ui-agent-skillsСкиллы, команды и агент становятся доступны в любом проекте.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Это чистый слой инструкций и знаний для агента без рантайма и зависимостей. Он дает 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, удалите добавленные в проект файлы набора.
Проверка безопасности
- Набор состоит только из инструкций, токенов и справочников без рантайма
Коротко о README
README описывает набор как чистый слой инструкций и знаний без сборки, зависимостей и рантайма. Установка идет двумя путями: плагином Claude Code двумя командами или через npx init в текущий проект, есть режим демо для просмотра без установки. В комплекте скиллы, команды gate, critique, grill-me, ship и scaffold-project, агент-критик и библиотека фирменных дизайн-систем. Показаны примеры экранов, отрисованные из тех же токенов и проверенные воротами качества в светлой и темной теме. Лицензия MIT.
Частые вопросы
Это библиотека компонентов?
Нет. Это слой инструкций, токенов и правил для агента, готовые компоненты пакетом он не отдает, агент собирает код под ваш фреймворк.
Что делают объективные проверки?
Команда gate прогоняет набор проверок по доступности, токенам и структуре и показывает реальный результат, а не отчет об успехе на глаз.
Похожие
Скиллы Next.js
Next.js skills
Официальный плагин Claude Code из репозитория Next.js: переход на Cache Components, Partial Prefetching и проверка изменений на живом dev-сервере
Официальный скилл и MCP-сервер shadcn/ui: агент ищет компоненты в реестрах, ставит их через CLI и держится правил библиотеки
Скилл для фронтенд-дизайна: 23 команды, итерации в браузере и 61 правило поиска типичных огрехов AI-интерфейсов
Скиллы Vercel для агентов
Agent Skills
Скиллы Vercel: производительность React и Next.js, проверка UI по гайдлайнам, React Native, композиция компонентов и деплой