UX Designer Skill
Скилл с принципами UX и UI на 2026 год: WCAG 2.2, формы, мобильные интерфейсы, ИИ-чаты, темные паттерны и 25 справочных файлов
- 98 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Набор состоит из текстовых справочников и ничего не запускает
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/ux-designer-skillОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Набор состоит из текстовых справочников и ничего не запускает
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
UX Designer Skill дает Claude Code справочник по проектированию интерфейсов. Главный файл `SKILL.md` содержит рабочие процессы, базовые правила и таблицу маршрутизации, а подробности лежат в папке `references/` в виде нумерованных файлов с оглавлением: эвристики Нильсена и Gestalt, законы UX, доступность по WCAG 2.2 AA, визуальный дизайн, информационная архитектура, формы, мобильный UX, UX-тексты, исследования, дизайн-системы. Отдельные файлы посвящены совместной работе и холстам (присутствие, синхронизация и разрешение конфликтов, навигация по холсту), ИИ-интерфейсам (чаты, копилоты, агенты), этичному дизайну (темные паттерны, согласия, GDPR и DSA), онбордингу, уведомлениям, визуализации данных, поиску, таблицам, производительности, интернационализации с RTL, голосовым интерфейсам и сканированию штрихкодов и QR-кодов. Есть проверка на соответствие European Accessibility Act. Скилл вызывается вручную командой `/ux-designer` и срабатывает сам, когда в разговоре появляется тема UX.
Для кого. Фронтенд-разработчикам и продуктовым дизайнерам, которые проектируют формы, дашборды, онбординг или ИИ-чаты и просят Claude Code проверить решения по современным практикам.
Подходит, если
- Форма регистрации теряет пользователей, и нужна проверка валидации, ошибок и подсказок
- Интерфейс собирается для рынка ЕС, и важно сверить его с WCAG 2.2 AA и European Accessibility Act
- Проектируется чат с ИИ-агентом, а паттерны копилотов и генеративного интерфейса еще не выбраны
- Дизайн хочется проверить на темные паттерны и вопросы согласия перед релизом
Не подходит, если
- Нужен готовый визуальный стиль и палитры: набор дает принципы, базы цветов и шрифтов в нем нет
- Нужна автоматическая проверка кода: скилл только направляет агента
- Проект не про интерфейсы: бэкенд и данные скилл не затрагивает
Пример запроса к агенту
/ux-designer проверь форму оплаты в components/Checkout.tsx на доступность, ошибки валидации и темные паттерныОграничения
- Набор состоит из текстовых справочников и скриптов не содержит: проверка кода и макетов остается за агентом и человеком.
- Справочник привязан к практикам 2026 года, нормативные требования (WCAG, European Accessibility Act, GDPR) нужно сверять с первоисточником.
- Из-за объема справочников (более двух десятков файлов) агент подгружает нужные по таблице маршрутизации и все сразу не читает.
- Другого способа установки, кроме копирования папки `ux-designer` в каталог скиллов, в README нет.
Как отключить. Удалите папку `~/.claude/skills/ux-designer` или `.claude/skills/ux-designer` из проекта.
Частые вопросы
Как поставить UX Designer Skill в Claude Code?
Выполните `git clone https://github.com/szilu/ux-designer-skill.git ~/.claude/skills/ux-designer`. Для одного проекта клонируйте в `.claude/skills/ux-designer`. Имя папки `ux-designer` служит именем скилла.
Какие темы покрывает справочник?
Принципы и законы UX, доступность WCAG 2.2 AA, визуальный дизайн, формы, мобильный UX, UX-тексты, дизайн-системы, ИИ-интерфейсы, темные паттерны, онбординг, уведомления, таблицы, интернационализацию с RTL, голосовые интерфейсы и сканирование штрихкодов.
Скилл вызывается сам или вручную?
Оба варианта работают: вручную командой `/ux-designer`, автоматически, когда в разговоре появляется тема UX.
Есть ли проверка по European Accessibility Act?
Да, в списке возможностей скилла указана проверка соответствия European Accessibility Act. Она опирается на справочный файл по доступности.
Чем он отличается от UI UX Pro Max?
Тот хранит базу стилей, палитр и шрифтов с поиском. Этот состоит из справочников по принципам и паттернам и упор делает на доступность, формы, ИИ-интерфейсы и этичный дизайн.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций
Десять скиллов по UX и дизайну для Claude Code, Cursor и Codex: исследования, критика, доступность, дизайн-системы, UX-тексты
Скилл для агента с базой из 107 стилей, 127 палитр и 107 шрифтовых пар: генерирует дизайн-систему и проверяет код интерфейса
Скилл и CLI для интерфейсов: создание, редизайн и проверка с учетом аудитории, контента и фирменного стиля продукта
Скилл дизайна интерфейсов: арт-дирекция под продукт, общий DESIGN.md, токены, проверка верстки и доступности в браузере.
45 скиллов по корпоративному UX для агентов: палитры, типографика, формы, доступность WCAG и проверка интерфейса на удобство.
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| UX Designer Skill (эта карточка) | нет | 98 | |
| UI UX Pro Max | нет | 148 899 | база стилей, палитр и шрифтов с поиском, а здесь справочники по принципам |
| k-style-ui-ux | нет | 400 | плагин, который по PRD собирает черновик мобильных экранов в корейском стиле |
Коротко о README
Короткий README объясняет назначение, список умений (проектирование, ревью, WCAG 2.2 AA, формы, мобильный подход, микротексты, совместные и ИИ-интерфейсы, этика, онбординг, i18n, голос, сканирование), установку клонированием репозитория и структуру из `SKILL.md` и папки `references/` с нумерованными файлами.