design · ohad6k — скилл для Claude Code: что делает и как установить
Подключает профиль вкуса Emulo для задач по UI, UX и визуальной иерархии. Пригодится при редизайне интерфейсов и критике фронтенда.
npx skills add ohad6k/emulo --skill design -a claude-codeЧто делает design
Скилл загружает персональные стилистические правила Emulo для интерфейсных задач. Агент обращается к нему при оценке вёрстки, проектировании UX, переработке экранов или выстраивании визуальной иерархии. Для несвязанных задач разработки или маркетинговых текстов инструкция запрещает его вызывать.
Внутри скилл ищет скрипт emulo.py на два уровня выше или в корне репозитория и запускает команду python "$EMULO_PY" plugin profile-path --domain design. Из вывода он считывает два пути: базовый рабочий профиль и профиль дизайна, после чего загружает оба файла целиком.
Если скрипт возвращает ненулевой код, загрузка контекста сразу прекращается. Скилл запрещает подменять неактивный домен дизайна типовой ролью дизайнера. Без настроенного emulo.py профили не подтянутся.
Какие задачи решает
- оценить визуальную иерархию и UX интерфейса
- провести дизайн-ревью компонентов фронтенда
- составить план редизайна по профилю Emulo
- загрузить стилистический контекст через
emulo.py
Примеры запросов агенту
- Проверь визуальную иерархию формы авторизации по дизайн-профилю Emulo
- Сделай редизайн карточки товара с учётом наших правил UX
- Оцени вёрстку навигационной панели и укажи на ошибки в оформлении
Как установить design
1Через Skills CLI (Vercel)
npx skills add ohad6k/emulo --skill design -a claude-code2Вручную: положить файлы
~/.claude/skills/design/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/design/
1Через Skills CLI (Vercel)
npx skills add ohad6k/emulo --skill design -a codex2Вручную: положить файлы
.agents/skills/design/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add ohad6k/emulo --skill design -a cursor2Вручную: положить файлы
.cursor/skills/design/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install ohad6k/emulo design2Вручную: положить файлы
.github/skills/design/SKILL.md1Через Skills CLI (Vercel)
npx skills add ohad6k/emulo --skill design -a gemini-cli2Командой платформы
gemini skills install https://github.com/ohad6k/emulo --path skills/designВручную: положить файлы
.devin/skills/design/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add ohad6k/emulo --skill design -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о design
Как установить design в Claude Code?
Выполните команду npx skills add ohad6k/emulo --skill design -a claude-code. Скилл сохранится по пути ~/.claude/skills/design/SKILL.md.
Для чего нужен скилл design?
Он задаёт критерии стиля Emulo при анализе вёрстки, проработке UX, редизайне экранов и выстраивании визуальной иерархии. Для обычного кода или маркетинговых постов его не используют.
Что требуется для работы скилла?
Нужен установленный Python и файл emulo.py, расположенный в репозитории либо на два уровня выше каталога скилла. Если вызов python "$EMULO_PY" plugin profile-path --domain design вернёт ошибку, агент прервёт загрузку контекста.
Исходный текст
SKILL.md · MIT
--- name: design description: Use for UI, UX, visual hierarchy, frontend-design judgment, references, redesigns, and design critique when the user's Emulo taste should guide the task. Do not use for unrelated execution or marketing/social writing alone. --- # Emulo design 1. Locate `emulo.py` two directories above this skill; fall back to `./emulo.py` only for a direct repo checkout. 2. Store the resolved absolute runtime path as `EMULO_PY`, then run `python "$EMULO_PY" plugin profile-path --domain design`. 3. If it exits nonzero, give its exact recovery or targeted-deepen instruction and stop loading personal context. 4. Read every returned path completely. The first is the core working profile; the second is the design profile. Apply both. 5. Never substitute a generic design persona when the design domain is inactive.
© ohad6k · MIT · ohad6k/emulo
Похожие скиллы
Всё по теме «Дизайн» →Сначала — design от других авторов.
