本文へ移動
cccskills
無料GitHub で公開

journey-map

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).

インストール方法を見る

含まれるファイル(1)

  • SKILL.md2.0 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Design an A/B experiment — hypothesis, variants, primary metric, and sample size. Use when a change can be measured quantitatively at scale. For observing behaviour qualitatively, use `test-scenario`.

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,9022026年9月6日 更新

Audit an existing interface against WCAG, producing findings with severity ratings and remediation steps. Use when you have a design or build to assess now. Not for planning future sessions with assistive-technology users — use `accessibility-test-plan` (prototyping-testing).

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,9022026年9月6日 更新

Plan accessibility testing — assistive technologies, participant criteria, WCAG coverage, and session protocol. Use when scheduling testing with real AT users. Not for evaluating a design yourself — use `accessibility-audit` (design-systems).

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,9022026年9月6日 更新

Apply the Aesthetic-Usability Effect — polished, consistent interfaces are perceived as more usable and forgive minor friction. Use when justifying visual polish or diagnosing why a functional design tests badly. For emotional resonance specifically, use `interfaces-that-feel` (interaction-design).

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,9022026年9月6日 更新

Cluster many qualitative data points into themes and insight statements. Use when synthesising across multiple sessions or sources. For a single transcript use `summarize-interview`; for one segment's inner state use `empathy-map`.

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,9022026年9月6日 更新

Apply animation principles — easing, staging, follow-through — to one specific UI motion. Use when tuning how an animation feels. For product-wide duration and easing tokens use `motion-system` (design-systems); for a full interaction spec use `micro-interaction-spec`.

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,9022026年9月6日 更新

Owl-Listener のスキルをすべて見る

このスキルの問題を報告する