Playground › Catalog › User Journey Map
UJ

User Journey Map

🔵 Stable🕐 updated 2026-10-06 🔷 SkillSpec L3 pm-visuals

Map a user's journey through a product or experience, phase by phase, with their actions and how they feel. Use when asked to map a user/customer journey, show the experience end-to-end, or find friction and drop-off points. Produces a ready-to-render Mermaid journey diagram (renders live, exportable as PNG/SVG) plus the friction points and opportunities.

▶ Run it free — no key needed 📝 Grade your existing draft ⬇ Add to Claude (works in Duet) 📱 Use as an app View SKILL.md ↗ What changed

🗣 Say this to your agent

“Map a user/customer journey.”“Show the experience end-to-end.”“Find friction and drop-off points.”

What to give it

▸The user / persona — whose journey this is, and their goal.
▸The phases — the high-level stages (e.g. Discover → Sign up → Onboard → Use → Renew).
▸The steps in each phase — the concrete actions the user takes.
▸Sentiment signal — where it feels smooth vs painful (from research, support tickets, or stated assumptions).

✅ The bar it holds itself to

Every skill in this library self-verifies — these are this skill's own quality checks, straight from its definition.

✓Phases follow the real order of the experience, end to end
✓Each step has an honest 1–5 sentiment score (not all 3s or all 5s)
✓The lowest scores are explained, and tied to concrete fixes
✓Opportunities are specific and point at named steps, not generic advice
✓The Mermaid block renders without edits

⚠️ What it refuses to do

Do not score everything positively — the map's value is exposing the painful steps
Do not list features instead of the user's actions — stay on the user's side
Do not skip the "why" behind low scores — a score without a reason isn't actionable
Do not put colons inside task names — it breaks the Mermaid journey syntax
Do not invent research — label inferred sentiment as an assumption

Install

npx pm-claude-skills add --agent claude   # or codex · cursor · gemini · hermes
# or one-line MCP (every skill, any client):
claude mcp add pm-skills -- npx -y -p pm-claude-skills pm-claude-skills-mcp

Related skills

🔌 Embed this skill

Drop this on your blog, docs, or site — it renders a "Run this skill" card:

<div data-pm-skill="user-journey-map"></div>
<script src="https://mohitagw15856.github.io/pm-claude-skills/embed.js" async></script>

💬 Discussion

User Journey Map is one of 1326 open-source professional AI agent skills — all SkillSpec L3. Try them all in the browser · ⭐ Star on GitHub · Browse the full catalog