journey-map — скилл для Claude Code: карта пути пользователя
Скилл строит карту пути одной персоны: этапы, точки контакта, эмоции и боли. Пригодится, когда переделываете уже существующий опыт.
npx skills add Owl-Listener/designer-skills --skill journey-map -a claude-codeЧто делает journey-map
Скилл ведёт агента по шагам: сначала уточняет персону, сценарий и границы пути, потом разбивает опыт на 5–7 этапов от знакомства до пост-использования. Каждый этап получает цели пользователя, действия, точки контакта и каналы, мысли и вопросы, оценку эмоций, боли и зоны для улучшений.
Дальше агент рисует кривую эмоций по этапам, ранжирует 3–5 дизайн-возможностей по влиянию и выполнимости и отдельно выделяет моменты истины. Если дать файлы с исследованием, персонами или аналитикой, скилл прочитает их первым делом — поэтому без данных на входе карта выйдет общими словами.
Это не замена соседним скиллам: для многоканальной экосистемы берите experience-map из ux-strategy, а для путей на уровне экранов — user-flow-diagram из prototyping-testing. Здесь фокус на одной персоне и её сквозном опыте.
Какие задачи решает
- разложить существующий опыт пользователя на этапы и точки контакта
- найти, где эмоции проседают и почему
- собрать боли и зоны роста в один список
- выделить моменты истины, которые решают судьбу опыта
- расставить дизайн-возможности по влиянию и выполнимости
Примеры запросов агенту
- Построй journey map для персоны «менеджер склада», сценарий — первая неделя в новом интерфейсе
- Сделай карту пути по этим данным интервью, этапы от знакомства до повторного использования
- Покажи кривую эмоций и выдели моменты истины в этом сценарии
Как установить journey-map
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill journey-map -a claude-code2Вручную: положить файлы
~/.claude/skills/journey-map/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/journey-map/
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill journey-map -a codex2Вручную: положить файлы
.agents/skills/journey-map/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill journey-map -a cursor2Вручную: положить файлы
.cursor/skills/journey-map/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install Owl-Listener/designer-skills journey-map2Вручную: положить файлы
.github/skills/journey-map/SKILL.md1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill journey-map -a gemini-cli2Командой платформы
gemini skills install https://github.com/Owl-Listener/designer-skills --path design-research/skills/journey-mapВручную: положить файлы
.devin/skills/journey-map/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill journey-map -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о journey-map
Как установить journey-map в Claude?
Выполните npx skills add Owl-Listener/designer-skills --skill journey-map -a claude-code. Скилл появится в ~/.claude/skills/journey-map/SKILL.md.
Что делает journey-map?
Строит карту пути одной персоны: этапы, цели, действия, точки контакта, эмоции, боли и возможности для улучшения. На выходе — кривая эмоций и приоритеты.
Чем journey-map отличается от experience-map и user-flow-diagram?
journey-map работает с опытом одной персоны. Для многоканальной экосистемы нужен experience-map из ux-strategy, для путей на уровне экранов — user-flow-diagram из prototyping-testing.
Исходный текст
SKILL.md · MIT
---
name: journey-map
description: Map one persona's end-to-end experience with stages, touchpoints, emotions, and pain points. Use when improving an existing experience. For the multi-channel ecosystem use `experience-map` (ux-strategy); for screen-level paths use `user-flow-diagram` (prototyping-testing).
---
# Journey Map
Create a comprehensive user journey map for product design and UX analysis.
## Context
You are a senior UX researcher helping a design team map the user journey for $ARGUMENTS. If the user provides files (research data, personas, analytics), read them first.
## Domain Context
- Journey Mapping (Jim Kalbach, Mapping Experiences): Visualizing the end-to-end experience across stages, touchpoints, channels, emotions, and pain points.
- Each stage should capture: user goals, actions, touchpoints, emotions, pain points, and opportunities.
- Journey maps should be persona-specific when possible.
- Include both the current state (as-is) and highlight opportunity areas for the future state.
## Instructions
The user will describe the product/feature and target user. Work through these steps:
1. **Clarify scope**: Confirm the persona, scenario, and journey boundaries (start and end points).
2. **Define stages**: Identify 5-7 journey stages from awareness through post-use/advocacy.
3. **Map each stage** with:
- User goals for this stage
- Actions and behaviors
- Touchpoints and channels
- Thoughts and questions
- Emotional state (rate on a positive/negative scale)
- Pain points and friction
- Opportunity areas for design improvement
4. **Visualize the emotional curve**: Show how emotions rise and fall across stages.
5. **Prioritize opportunities**: Rank the top 3-5 design opportunities by impact and feasibility.
6. **Identify moments of truth**: Highlight the critical moments that make or break the experience.
7. Think step by step. Present in a clear, structured format.
## Further Reading
- Mapping Experiences — Jim Kalbach
- The Elements of User Experience — Jesse James Garrett
© Owl-Listener · MIT · Owl-Listener/designer-skills
