create-workflow-diagram
Installation
SKILL.md
Workflow Diagram Creator
Create FigJam/Miro-style workflow diagrams as PNG images. This skill takes a plain-text workflow description and generates a styled HTML diagram with connected nodes, directional arrows, and labels — then automatically screenshots it for sharing in docs, Slack, LinkedIn, or presentations.
Core Philosophy
- Visual Clarity — Each step is a distinct node with clear connections
- FigJam/Miro Aesthetic — Colorful, rounded, friendly diagram style
- Automated Export — Generate HTML → Screenshot → PNG ready to share
- Smart Layout — Automatically arranges nodes in logical flow patterns
- One-Command — Describe workflow in plain text, get a polished diagram