creating-user-flows

Generate user flow diagrams with Mermaid.js by providing project context and user types to map touchpoints and journeys. The skill outputs paired Markdown and HTML files containing dark-theme flowcharts for client presentations.

Yes, you can create multiple flowcharts for complex user journeys using multi-diagram support patterns. This allows mapping distinct user types and branching touchpoints within a single paired Markdown and HTML deliverable.

Validate user flows against source materials by cross-referencing the generated Mermaid.js flowcharts with the original project context. This ensures mapped user journeys and touchpoints accurately reflect client discovery documentation.

Document user types and touchpoints by generating end-to-end user flow diagrams with accompanying documentation. This produces structured Markdown and HTML deliverables featuring Mermaid.js flowcharts organized within the project discovery directory.

Yes, Mermaid dark-theme rendering is supported for HTML user flow deliverables. The generated flowcharts apply dark-theme styling automatically, ensuring diagrams are visually consistent for client presentations.

Save generated user flow documentation files in the 1-Discovery/deliverables/user-flows directory. This organizes the paired Markdown and HTML outputs containing Mermaid.js flowcharts within the standard project structure.