plugin87/ux-ui-agent-skills

Что это?

Ключевые возможности

• 01Создаёт дизайн-токены в формате DTCG с трёхуровневой архитектурой Primitive, Semantic и Component.
• 02Предоставляет 52 объективные проверки, около 34 из которых анализируют отрисованные страницы в headless browser.
• 03Проверяет контрастность по WCAG 2.2, работу с клавиатурой, размер интерактивных элементов и reduced motion.
• 04Включает библиотеку из 138 именованных дизайн-систем для справки.
• 05Адаптирует результат для таких фреймворков, как React, Next.js, SwiftUI, Vue, Svelte и Flutter.
• 06Предоставляет проверки, принципы и токены через MCP server.

Сценарии использования

• Поручить coding agent спроектировать и создать новый интерфейс с согласованными токенами и проверками доступности.
• Проверить существующий интерфейс на проблемы с контрастностью по WCAG, размером интерактивных элементов и переполнением.
• Добавить в front-end-проект команды конвейер дизайн-токенов и спецификации компонентов.
• Использовать общий набор справочных дизайн-систем при миграции или сопоставлении систем.

Быстрый старт

1. 1

   Откройте Claude Code и установите набор как плагин Claude Code (вариант A в README, две команды).

2. 2

   Изучите docs/INSTALL.md, чтобы сравнить другие способы установки (AGENTS.md для Codex и Cursor, MCP-сервер, Homebrew, npx).

Что важно знать

• !Команды установки плагина обрезаны во фрагменте README, поэтому точные команды здесь не приведены.
• !Для полной проверки gate в браузере открывается настоящий браузер, поэтому помимо установки набора потребуется дополнительная настройка.

Темы

Частые вопросы

Что такое ux-ui-agent-skills?

Набор инструкций и знаний, который помогает Claude и другим coding agents стать экспертами по UX/UI-дизайну: DTCG-токены, спецификации компонентов, 138 дизайн-систем и 52 объективные проверки. UX/UI Agent Skills — это набор структурированных инструкций, дизайн-токенов, запускаемых навыков и справочных дизайн-систем, которые помогают AI coding agent выполнять задачи по дизайну. Он создаёт токены в формате DTCG с тремя уровнями — Primitive, Semantic и Component, проектирует компоненты от атомов до шаблонов с описанием структуры, состояний и требований доступности, а также генерирует код для разных фреймворков через протокол адаптеров, включая React с Tailwind, Next.js, SwiftUI, Vue, Svelte и Flutter.

ux-ui-agent-skills можно использовать бесплатно? Какая у него лицензия?

ux-ui-agent-skills распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

ux-ui-agent-skills всё ещё поддерживается?

Активно поддерживается. Последний коммит в ux-ui-agent-skills — 19 окт. 2026 г..

Для чего можно использовать ux-ui-agent-skills?

Поручить coding agent спроектировать и создать новый интерфейс с согласованными токенами и проверками доступности. Проверить существующий интерфейс на проблемы с контрастностью по WCAG, размером интерактивных элементов и переполнением. Добавить в front-end-проект команды конвейер дизайн-токенов и спецификации компонентов. Использовать общий набор справочных дизайн-систем при миграции или сопоставлении систем.

Как установить ux-ui-agent-skills?

Откройте Claude Code и установите набор как плагин Claude Code (вариант A в README, две команды). Изучите docs/INSTALL.md, чтобы сравнить другие способы установки (AGENTS.md для Codex и Cursor, MCP-сервер, Homebrew, npx).

Где скачать ux-ui-agent-skills?

Исходный код и инструкции по установке — на GitHub: https://github.com/plugin87/ux-ui-agent-skills