niopd-pd-journey

star 1

Creates product user journey diagrams with Mermaid. Use for UX planning, feature flow design, or stakeholder communication.

8421bit By 8421bit schedule Updated 1/19/2026

name: niopd-pd-journey description: Creates product user journey diagrams with Mermaid. Use for UX planning, feature flow design, or stakeholder communication.

Product Journey Mapping Skill

This skill creates visual user journey diagrams for product flows.

Instructions

Step 1: Define Journey

  • Start point
  • End goal
  • Key milestones

Step 2: Create Flow Diagram

journey
    title User Journey: [Goal]
    section Discovery
      Learn about product: 3: User
      Visit website: 4: User
    section Onboarding
      Sign up: 3: User
      Complete setup: 2: User
    section Usage
      First success: 5: User

Step 3: Identify Pain Points

Where do users struggle?

Step 4: Note Opportunities

Where can we improve?

Step 5: Generate Document

File path: 03-docs/[YYYYMMDD]-journey-v0.md

Output Specifications

  • File Naming: [YYYYMMDD]-journey-v0.md
  • Location: 03-docs/
  • Template: references/journey-template.md
Install via CLI
npx skills add https://github.com/8421bit/NioPD-Skills --skill niopd-pd-journey
Repository Details
star Stars 1
call_split Forks 0
navigation Branch main
article Path SKILL.md
More from Creator