Design Skills for AI Agents

Десять скиллов по UX и дизайну для Claude Code, Cursor и Codex: исследования, критика, доступность, дизайн-системы, UX-тексты

  • 126 ★ репозитория
  • Последний коммит
  • MIT
Скилл

Минимальный доступ

Почему такой уровень

  • Скиллы содержат только инструкции и справочные материалы и ничего не запускают.
Все причины и проверки

cuellarfr/design-skills

Установка

В терминале, через SkillFoxx CLI

npx skillfoxx add skills/design-skills-for-ai-agents

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Минимальный доступИнструмент ничего не запускает и не ходит в сеть.

  • Скиллы содержат только инструкции и справочные материалы и ничего не запускают.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Design Skills for AI Agents дает агенту знания о признанных методиках дизайна и UX. В наборе десять скиллов: UX-исследования, критика и оценка интерфейсов, аудит доступности по WCAG 2.2, картирование пути пользователя, дизайн-системы, UX-стратегия, интерактивный дизайн, дизайн-операции и передача в разработку, UX-тексты и повышение уровня дизайна. У каждого скилла одинаковое устройство: главный файл `SKILL.md`, который работает отдельно, и папки `references/`, `templates/` и `examples/` с материалом по запросу. Критика интерфейса идет по девятишаговой схеме с эвристиками Нильсена и 27 законами UX, аудит доступности проходит пять слоев: автоматический, клавиатурный, скринридер, визуальный и сценарный.

Для кого. Дизайнерам и разработчикам без отдельного UX-исследователя, которым нужен в агенте партнер по критике интерфейсов и проверке доступности.

Подходит, если

  • Макет или готовый экран нужно разобрать по эвристикам и законам UX с оценкой серьезности проблем.
  • Перед релизом проверяют доступность по WCAG 2.2 и просят код исправлений.
  • Для интервью с пользователями нужен сценарий, план юзабилити-теста и способ анализа ответов.
  • Тексты ошибок и подсказки хочется пересмотреть с позиции UX-письма.

Не подходит, если

  • Нужна замена живому исследованию: скиллы помогают планировать и анализировать, но не заменяют разговор с пользователями.
  • Требуется готовая библиотека компонентов: скилл по дизайн-системам дает знания и шаблоны, а компонентов не содержит.
  • Нужен один узкий инструмент: набор из десяти скиллов шире задачи.

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

Проведи критику этого экрана оформления заказа по эвристикам Нильсена и перечисли проблемы по степени серьезности.

Ограничения

Скиллы дают знания и методики, а оценка остается за вами: аудит доступности автоматическими средствами находит лишь часть проблем, остальное проверяется вручную. Объем материала большой: в справочных папках от десяти до двадцати файлов на скилл, и агент подгружает их по необходимости. Все десять скиллов можно поставить как один плагин Claude Code, тогда они получают пространство имен `design-skills:`. Отдельные скиллы выбираются флагом `--skill`. Последний коммит в репозитории датирован сентябрем 2026 года.

Как отключить. Выполните `/plugin uninstall design-skills`, если ставили плагином, либо удалите папки скиллов из каталога скиллов агента. Для глобальной установки через `npx skills` используйте `npx skills remove`.

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

Как поставить все десять скиллов?

Командой `npx skills add cuellarfr/design-skills`. Установщик определит ваших агентов и предложит выбрать скиллы. Для Claude Code есть вариант плагина через `/plugin marketplace add cuellarfr/design-skills`.

Что входит в аудит доступности?

Пять слоев: автоматическая проверка, клавиатура, скринридер, визуальная оценка и сценарий. Скилл находит проблемы, оценивает серьезность, дает код исправлений и собирает отчет по шаблону.

На каких законах и эвристиках строится критика?

Эвристики Нильсена, 27 законов UX по областям, принципы интерактивного дизайна, оценка информационной архитектуры и проверка UX-текстов.

Как установить один скилл?

Флагом `--skill`, например `npx skills add cuellarfr/design-skills --skill design-critique`.

С какими агентами работает?

С Claude Code, Cursor, Codex, OpenCode и более чем сорока другими агентами, которые поддерживает установщик `skills`.

Обсуждение

Вопросов и отзывов пока нет.

Скиллы

Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили

СкиллМинимальный доступ3,6 тыс.Звезды репозитория

Набор скиллов, токенов и правил, который делает из Claude дизайн-архитектора: DTCG-токены, компоненты, доступность и объективные проверки качества

ПлагинРасширенный доступ3,2 тыс.Звезды репозитория

Скилл с принципами UX и UI на 2026 год: WCAG 2.2, формы, мобильные интерфейсы, ИИ-чаты, темные паттерны и 25 справочных файлов

СкиллМинимальный доступ98Звезды репозитория

45 скиллов по корпоративному UX для агентов: палитры, типографика, формы, доступность WCAG и проверка интерфейса на удобство.

СкиллМинимальный доступ192Звезды репозитория

Скилл и CLI для агентов: интерфейс без шаблонного вида, 25 команд, проверка шаблонности правилами и оценка качества от 0 до 100

СкиллРасширенный доступ452Звезды репозитория

Скилл для агента с базой из 107 стилей, 127 палитр и 107 шрифтовых пар: генерирует дизайн-систему и проверяет код интерфейса

ПлагинМинимальный доступ100Звезды репозитория

Сравнение с похожими

Карточки с тем же главным запросом: чем они отличаются.

ИнструментОфициальныйЗвезды репозиторияГлавное отличие
Design Skills for AI Agents (эта карточка)нет126
UX/UI Agent Skillsнет3 164набор скиллов по UX и UI; Design Skills for AI Agents дает десять скиллов с эталонными справочниками и шаблонами отчетов
UI UX Pro Maxнет148 899база стилей, палитр и шрифтов для интерфейсов; здесь методики исследования, критики и аудита доступности

Коротко о README

Для каждого скилла указан объем: число файлов и строк, а также ключевые справочные материалы. Есть сайт проекта на GitHub Pages с описанием набора.

Бейдж для README

Сообщить о проблеме