canvas
SolidVisualizing code, specs, or context as Mermaid, ASCII, or draw.io diagrams: flowcharts, sequence/state/class/ER, Journey Maps, personas, coverage heatmaps. Use to reverse-document systems visually.
Install
Quality Score: 84/100
Skill Content
Details
- Author
- simota
- Repository
- simota/agent-skills
- Created
- 8 months ago
- Last Updated
- 1 weeks ago
- Language
- HTML
- License
- MIT
Integrates with
Similar Skills
Semantically similar based on skill content — not just same category
diagram
Draw and iterate on diagrams with the user — system architecture, code structure, data models, flows, or idea sketches — as version-controlled Mermaid/DOT/Excalidraw source with live previews
mermaid-diagrams
Use when creating or explaining Mermaid diagrams for architecture, flows, ERDs, sequences, state, Git, or project timelines.
mermaid-diagram
Generate a Mermaid diagram from a description, codebase, or schema. Output a Mermaid code block for supported Markdown renderers. Use for flowcharts, ERDs, sequence diagrams, C4 context, class diagrams, gantt, pie charts, mindmaps, git graphs, and quadrant charts. Triggers: 'buat diagram', 'create diagram', 'flowchart', 'ERD', 'sequence diagram', 'mermaid', 'diagram alur', 'flow diagram', 'visualisasi', 'visualization', 'database diagram', 'class diagram', 'pie chart', 'mindmap', 'git graph', 'quadrant chart', 'C4'.