Help us improve
Share bugs, ideas, or general feedback.
From cx
Build current-state and future-state journey maps that show what the user does, thinks, and feels across the stages of an experience — with pain points, moments of truth, opportunities, and the channels and touchpoints that matter. Use this skill any time the user is mapping an experience, debugging a stuck flow, identifying where to invest, or aligning a team on how the audience actually moves through a process — "journey map," "experience map," "where are users dropping off," "show me the funnel," even when the words aren't used. Trigger whenever the conversation crosses from "who is the user" to "how do they move through this" so the team has a shared picture of the experience instead of disconnected screens.
npx claudepluginhub bpainter/composable-dxp-claude-marketplace --plugin cxHow this skill is triggered — by the user, by Claude, or both
Slash command
/cx:cx-journey-mapperThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
A journey map is a visual model of how a user moves through an experience, stage by stage, with what they do, think, and feel at each stage. The point is not the artifact; it is the conversation the artifact produces — about gaps, drop-offs, moments of truth, and where investment lands.
Provides behavioral guidelines to reduce common LLM coding mistakes, focusing on simplicity, surgical changes, assumption surfacing, and verifiable success criteria.
Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Share bugs, ideas, or general feedback.
A journey map is a visual model of how a user moves through an experience, stage by stage, with what they do, think, and feel at each stage. The point is not the artifact; it is the conversation the artifact produces — about gaps, drop-offs, moments of truth, and where investment lands.
Pair with [[cx-persona-developer]] (who is making the journey), [[cx-jobs-to-be-done]] (what job they're hiring the experience to do), [[cx-customer-research]] (the evidence the journey rests on), cx-behavioral-design (specific decision moments inside the journey), and strategy-digital-strategist (when journey insights feed strategy).
If the work is about a single decision moment, use cx-behavioral-design. If the work is about who the user is, use cx-persona. If the work is about what they're trying to get done, use cx-jobs-to-be-done. The journey map sits across all three.
Current state. What the experience is today — based on research and behavioral evidence. The point is to surface gaps, pain, and friction. Honest current-state maps are uncomfortable; that is the signal they're real.
Future state. What the experience should be — based on the desired outcome. The point is to align the team on what to build.
Build current-state first whenever possible. A future-state map without a current-state foundation is a wishlist.
Most journey maps share a common shape:
┌─────────────────────────────────────────────────────────────────┐
│ Persona: [name] Job: [JTBD reference] Scope: [start → end] │
├─────────────────────────────────────────────────────────────────┤
│ Stage 1 │ Stage 2 │ Stage 3 │ Stage 4 │ Stage 5 │
├───────────┼───────────┼───────────┼───────────┼─────────────────┤
│ DOING │ │ │ │ │
├───────────┼───────────┼───────────┼───────────┼─────────────────┤
│ THINKING │ │ │ │ │
├───────────┼───────────┼───────────┼───────────┼─────────────────┤
│ FEELING │ │ │ │ │
├───────────┼───────────┼───────────┼───────────┼─────────────────┤
│ TOUCH- │ │ │ │ │
│ POINTS │ │ │ │ │
├───────────┼───────────┼───────────┼───────────┼─────────────────┤
│ PAIN │ │ │ │ │
├───────────┼───────────┼───────────┼───────────┼─────────────────┤
│ OPP- │ │ │ │ │
│ ORTUNITY │ │ │ │ │
└───────────┴───────────┴───────────┴───────────┴─────────────────┘
Some journeys also include rows for backstage actions (what the firm or system is doing on the other side, often called a service blueprint), KPIs (success metrics per stage), or moments of truth (the few moments that disproportionately shape the user's overall experience).
Stages are the chronological steps of the experience. For a founder-formation journey, stages might be:
Awareness → Research → Decision → Action → Onboarding → Ongoing
Or for a more bounded flow:
Land on site → Take questionnaire → Receive results → Take next step
The stage list should match how the user experiences the journey, not how the firm operates internally. Test by reading the stages aloud; if they sound like the firm's phases (e.g., "lead capture, lead qualification, lead conversion"), reframe.
Two typical shapes — broad lifecycle and bounded flow.
Broad lifecycle (e.g., a B2B buyer's full path with a vendor):
Bounded flow (e.g., a single-feature evaluation or onboarding):
The right stages depend on scope. Be explicit about scope in the map header.
1. Define scope. Persona, job, and start/end of the journey. Write
these into the header. Tight scope produces a useful map; broad
scope produces a poster nobody reads.
2. Gather research. Interviews, behavioral data, support tickets,
analytics. The journey needs evidence, not assumption.
3. Identify stages. From the research, identify the chronological
stages the user actually moves through. Use their language where
possible.
4. Fill the rows for each stage. Doing, thinking, feeling, touchpoints,
pain, opportunities. Tie each cell to evidence (interview ID,
data source, ticket).
5. Identify moments of truth. The 2-4 stages that disproportionately
shape the overall experience. Mark them.
6. Pressure-test. Does the journey match what the research team would
describe? Is anything cherry-picked or missing?
7. Publish, then use it. The map is a tool; if it's not driving
conversations and decisions in the next month, it's not earning
its keep.
8. Re-validate. Journey maps drift. Refresh quarterly or after major
experience changes.
When mapping the future state:
A future-state map is a design brief; treat it as such. It should be the source of truth for what gets built.
Most journeys have 2-4 stages that punch above their weight. Identifying them is one of the highest-value outputs of the mapping exercise.
Moments of truth tend to be:
Investment at moments of truth produces disproportionate experience improvement. Investment elsewhere is often necessary but rarely transformative.
The grid above, populated. For deliverable polish, render in a design tool or slide. For collaboration, a Miro / FigJam board with sticky-note rows works well.
Pulled from the map. Each pain has a stage, a severity, an evidence anchor, and a proposed opportunity. Useful as input to backlog prioritization (pm-user-story).
When the experience involves backstage actions (delivery staff, content authors, internal systems, partner integrations), pair the journey with a service blueprint that shows the backstage layer. Same column structure; additional rows for backstage actions and support processes. See [[service-blueprint]] for the format and method.
When journey-map content gets written into briefs, decks, or shareable artifacts, run through [[consulting-humanize]] for the prose pass. Customers and end users read these maps too sometimes; condescension toward the user is the most common own-goal.
cx-behavioral-design.brand-design-screen and brand-design-process.pm-user-story.