flow

Generate Mermaid sequence, flowchart, and state diagrams in Markdown files.

Updated Feb 24, 2026
One-click install
npx skills add https://github.com/goffity/dev-km --skill flow-goffity
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flow
Source: https://github.com/goffity/dev-km/tree/main/skills/flow
Command: npx skills add https://github.com/goffity/dev-km --skill flow-goffity

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you easily create and document complex workflows, process flows, and state machines using the Mermaid diagramming tool, making them understandable and maintainable.

Core Features & Use Cases

  • Mermaid Diagram Generation: Supports sequence, flowchart, and state diagrams.
  • Structured Documentation: Generates Markdown files with diagrams and step-by-step explanations.
  • Use Case: Documenting the user onboarding process, from initial signup to account activation, including decision points and system interactions.

Quick Start

Generate a new process flow document named 'user-onboarding'.

Frequently Asked Questions about flow

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I document a workflow with Mermaid diagrams in Markdown?

You can document a workflow by providing the flow type, actors, and steps. The tool generates a structured Markdown file with Mermaid syntax and saves it to the docs/flows directory for easy visualization.

What types of Mermaid diagrams can I generate for process flows?

Supported Mermaid diagram types include sequence, flowchart, and state diagrams. These allow you to visualize system interactions, business processes, and state transitions directly in Markdown files.

Can I use this to visualize user onboarding process flows?

Yes, you can map a user onboarding process from initial signup to account activation. It generates Mermaid flowcharts and step-by-step explanations to map decision points and system interactions.

What do I need to provide to generate a Mermaid sequence diagram?

You must provide the flow type, actors, and steps. This input is required to generate the structured Markdown document containing the Mermaid sequence diagram syntax.

Where are generated Mermaid process flow documents saved?

Generated Mermaid process flow documents are saved as Markdown files in the docs/flows directory. The output file is named according to the workflow name you specify during generation.