product-designer — скилл для Claude Code: установка
Скилл помогает проектировать интерфейсы, пользовательские сценарии и прототипы. Пригодится для UX-исследований, дизайн-систем и тестов удобства.
npx skills add borghei/Claude-Skills --skill product-designer -a claude-codeЧто делает product-designer
Скилл ведёт работу над продуктовым дизайном от изучения потребностей до передачи макетов разработке. Он помогает описать целевую аудиторию и проблему, выбрать результат работы, собрать карту пути пользователя, информационную архитектуру, вайрфреймы и прототип нужной детализации. В процессе предусмотрены проверки постановки проблемы, структуры интерфейса, прототипа и готовности взаимодействий к разработке.
Внутри есть рекомендации по принципам интерфейса, доступности, дизайн-токенам и структуре компонентов. Для тестов он задаёт план с задачами участников, критериями успеха и метриками. Есть отдельный формат дизайн-спринта на 5 дней и ориентиры по прототипам от бумажных до вариантов для передачи в разработку.
Скилл ставится для Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode. Для Claude Code команда установки повторяется дважды в готовом способе, после чего файл доступен по пути ~/.claude/skills/product-designer/SKILL.md; это повод проверить, что команда выполнилась без ошибки.
Какие задачи решает
- собрать карту пути пользователя
- описать требования к интерфейсу
- создать вайрфрейм для пользовательского сценария
- подготовить план теста удобства
- оформить дизайн-токены и спецификацию компонентов
Примеры запросов агенту
- Собери карту пути пользователя для сценария оформления заказа и выдели проблемные места.
- Подготовь вайрфрейм основного сценария и опиши состояния ошибки.
- Составь план теста удобства с задачами участников и метриками.
Как установить product-designer
1Через Skills CLI (Vercel)
npx skills add borghei/Claude-Skills --skill product-designer -a claude-code2Вручную: положить файлы
~/.claude/skills/product-designer/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/product-designer/
1Через Skills CLI (Vercel)
npx skills add borghei/Claude-Skills --skill product-designer -a codex2Вручную: положить файлы
.agents/skills/product-designer/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add borghei/Claude-Skills --skill product-designer -a cursor2Вручную: положить файлы
.cursor/skills/product-designer/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install borghei/Claude-Skills product-designer2Вручную: положить файлы
.github/skills/product-designer/SKILL.md1Через Skills CLI (Vercel)
npx skills add borghei/Claude-Skills --skill product-designer -a gemini-cli2Командой платформы
gemini skills install https://github.com/borghei/Claude-Skills --path product-team/product-designerВручную: положить файлы
.devin/skills/product-designer/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add borghei/Claude-Skills --skill product-designer -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о product-designer
Как установить product-designer в Claude Code?
Выполните npx skills add borghei/Claude-Skills --skill product-designer -a claude-code, затем повторите npx skills add borghei/Claude-Skills --skill product-designer -a claude-code. После этого файл будет доступен по пути ~/.claude/skills/product-designer/SKILL.md.
Что делает product-designer?
Скилл помогает исследовать потребности пользователей, формулировать дизайн-задачи, строить карты сценариев и прототипы. Он также подсказывает, как подготовить тест удобства и передачу интерфейса разработке.
На каких платформах работает product-designer?
Скилл рассчитан на Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode. Для каждой платформы предусмотрен отдельный способ установки.
