Process Flow Diagram Skill

Create professional process flow diagrams as self-contained HTML files with inline SVG graphics and CSS styling. Optimized for linear, sequential workflows with clear step progression — manual steps, automated steps, integrations, and decision branches.

Version 1.1 · MIT License · Authored by Cocoon AI

When to Use

Use for:

• Business process documentation
• Automation workflow visualization
• Sprint / development process flows
• Approval workflows and decision trees
• Multi-step procedures with clear sequence
• Onboarding and runbook diagrams

Skip when: the relationships are non-sequential (system component graphs, infrastructure topologies). For those, see architecture-diagram-generator.

Design System