PlaygroundCatalog › User Journey Map
UJ

User Journey Map

🔵 Stable🕐 updated 2026-06-29 🔷 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 View SKILL.md ↗

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 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 750 open-source professional AI agent skills — all SkillSpec L3. Try them all in the browser · ⭐ Star on GitHub · Browse the full catalog