ux-principles — скилл для Claude Code: UX-принципы в коде
Подключает к агенту эвристики юзабилити, методы юзер-ресёрча и проверки доступности, чтобы интерфейсы проектировались по правилам, а не на глаз.
npx skills add manutej/luxor-claude-marketplace --skill ux-principles -a claude-codeЧто делает ux-principles
Скилл даёт агенту набор опорных материалов по UX: четыре принципа user-centered design, пять стадий дизайн-мышления и десять эвристик Нильсена с разбором каждой. Когда вы просите переделать форму или оценить экран, агент опирается на эти формулировки, а не на общие соображения.
Внутри — текстовые разделы с принципами и примерами: видимость состояния системы, соответствие реальному миру, контроль и свобода пользователя, единообразие, предотвращение ошибок, узнавание вместо припоминания. Дальше по списку идут гибкость, эстетика, помощь при ошибках и документация. Материал обрывается на седьмой эвристике.
Ставить есть смысл, если вы проектируете интерфейс и хотите, чтобы агент ссылался на конкретные принципы, а не выдумывал их заново. Для чисто серверной работы это лишний вес в контексте — проверьте, что задача вообще про пользовательский опыт.
Какие задачи решает
- оценить экран по эвристикам юзабилити
- спланировать юзер-ресёрч под новую фичу
- найти барьеры доступности в форме
- описать персоны и карту пути пользователя
- сократить трение в сценарии оформления заказа
Примеры запросов агенту
- прогони этот экран по эвристикам Нильсена и покажи, что нарушено
- помоги спланировать юзабилити-тестирование формы регистрации
- проверь наш чекаут на доступность и предложи правки
Как установить ux-principles
1Через Skills CLI (Vercel)
npx skills add manutej/luxor-claude-marketplace --skill ux-principles -a claude-code2Вручную: положить файлы
~/.claude/skills/ux-principles/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/ux-principles/
1Через Skills CLI (Vercel)
npx skills add manutej/luxor-claude-marketplace --skill ux-principles -a codex2Вручную: положить файлы
.agents/skills/ux-principles/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add manutej/luxor-claude-marketplace --skill ux-principles -a cursor2Вручную: положить файлы
.cursor/skills/ux-principles/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install manutej/luxor-claude-marketplace ux-principles2Вручную: положить файлы
.github/skills/ux-principles/SKILL.md1Через Skills CLI (Vercel)
npx skills add manutej/luxor-claude-marketplace --skill ux-principles -a gemini-cli2Командой платформы
gemini skills install https://github.com/manutej/luxor-claude-marketplace --path plugins/luxor-design-toolkit/skills/ux-principlesВручную: положить файлы
.devin/skills/ux-principles/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add manutej/luxor-claude-marketplace --skill ux-principles -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора31
Похожие
Рядом в теме «Дизайн»
Всё по теме «Дизайн» →Вопросы о ux-principles
Как установить ux-principles в Claude?
Выполните npx skills add manutej/luxor-claude-marketplace --skill ux-principles -a claude-code. Файл скилла окажется по пути ~/.claude/skills/ux-principles/SKILL.md.
Что делает ux-principles?
Даёт агенту справочник по UX: принципы user-centered design, стадии дизайн-мышления и эвристики юзабилити с примерами. Агент применяет их, когда вы просите оценить или переделать интерфейс.
Для каких платформ подходит скилл?
Кроме Claude есть установка для Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode. Для GitHub Copilot команда другая: gh skill install manutej/luxor-claude-marketplace ux-principles.
