uxui-evaluator — скилл для Claude Code: UI-аудит и установка
Скилл проверяет описание интерфейса по UX/UI-принципам и выдаёт структурированный разбор. Пригодится до реализации экрана или потока.
npx skills add uxuiprinciples/agent-skills --skill uxui-evaluator -a claude-codeЧто делает uxui-evaluator
uxui-evaluator разбирает описание интерфейса по 195 UX/UI-принципам, распределённым по 6 частям: от когнитивной нагрузки и иерархии до доступности и AI-интерфейсов. Сначала он определяет тип интерфейса, затем выбирает подходящие разделы и формирует JSON с нарушениями, серьёзностью, исправлениями, сильными сторонами и общей оценкой.
Внутри есть инструменты на базе curl: полный аудит, поиск принципа по slug и список принципов по части фреймворка. Переменная UXUI_API_KEY необязательна, но расширенный результат через uxuiprinciples.com требует API-доступа; тариф Pro открывает все 195 принципов, тогда как без ключа скилл работает на внутренних знаниях и отмечает ограничение. Без UXUI_API_KEY API-аудит не выполняется.
Какие задачи решает
- проверить описание формы по UX/UI-принципам
- найти нарушения в навигации или дашборде
- получить серьёзность и исправление для каждого замечания
- сопоставить интерфейсный риск с бизнес-влиянием
Примеры запросов агенту
- Проверь описание формы регистрации и верни структурированный UX/UI-аудит.
- Оцени этот дашборд: выдели нарушения, серьёзность и конкретные исправления.
- Разбери интерфейс
checkoutпо релевантным принципам и добавь бизнес-влияние, если доступен API.
Как установить uxui-evaluator
1Через Skills CLI (Vercel)
npx skills add uxuiprinciples/agent-skills --skill uxui-evaluator -a claude-code2Вручную: положить файлы
~/.claude/skills/uxui-evaluator/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/uxui-evaluator/
1Через Skills CLI (Vercel)
npx skills add uxuiprinciples/agent-skills --skill uxui-evaluator -a codex2Вручную: положить файлы
.agents/skills/uxui-evaluator/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add uxuiprinciples/agent-skills --skill uxui-evaluator -a cursor2Вручную: положить файлы
.cursor/skills/uxui-evaluator/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install uxuiprinciples/agent-skills uxui-evaluator2Вручную: положить файлы
.github/skills/uxui-evaluator/SKILL.md1Через Skills CLI (Vercel)
npx skills add uxuiprinciples/agent-skills --skill uxui-evaluator -a gemini-cli2Командой платформы
gemini skills install https://github.com/uxuiprinciples/agent-skills --path uxui-evaluatorВручную: положить файлы
.devin/skills/uxui-evaluator/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add uxuiprinciples/agent-skills --skill uxui-evaluator -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о uxui-evaluator
Как установить uxui-evaluator в Claude Code?
Выполните npx skills add uxuiprinciples/agent-skills --skill uxui-evaluator -a claude-code, затем проверьте файл ~/.claude/skills/uxui-evaluator/SKILL.md.
Что делает uxui-evaluator?
Скилл классифицирует описание интерфейса и проверяет его по UX/UI-принципам. Результат содержит структурированные находки, серьёзность, исправления и общую оценку.
Что даёт UXUI_API_KEY?
Ключ позволяет обращаться к API для полного аудита и обогащать отдельные находки. Тариф Pro открывает все 195 принципов, а бесплатный уровень возвращает 12.
