diagram

Solid

Create, validate, update, and render diagram-as-code artifacts with Mermaid-first schema awareness plus PlantUML, Graphviz DOT, and Excalidraw JSON adapters.

AI & Automation 109 stars 10 forks Updated today MIT

Install

View on GitHub

Quality Score: 85/100

Stars 20%
68
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Diagram Use this skill when the user wants a rendered static diagram, a validated diagram source artifact, or a revision to an existing diagram source. Default to Mermaid unless the user asks for another format or the shape is a better fit for another adapter: - Mermaid: sequence, flowchart, state, ER, class, gantt, git-graph, mindmap, and pie diagrams. - PlantUML: UML sequence/component/activity/deployment diagrams when the user already uses PlantUML or asks for it. - Graphviz DOT: topology, dependency graphs, and layouts where rank/direction control matters. - Excalidraw JSON: hand-drawn-style editable sketches when the user asks for an editable canvas. ## Tool Surface Use the runtime tools directly: - `diagram_create`: create source, validate it, save source, and optionally render. - `diagram_update`: update existing source or source artifact, validate it, save a new source artifact, and optionally render. - `diagram_validate`: validate source only; do not render. The tool output includes these fields: ```json { "success": true, "valid": true, "source": "...", "source_artifact_ref": "/workspace/.generated-diagrams/skills/diagram/diagram-...", "rendered_artifact_ref": "/workspace/.generated-diagrams/skills/diagram/diagram-...", "type": "flowchart", "format": "mermaid", "artifacts": [], "runtime_events": [], "warnings": [] } ``` On validation failure, `success` and `valid` are false and `errors` plus `suggested_fix` may be present. When `render...

Details

Author
HybridAIOne
Repository
HybridAIOne/hybridclaw
Created
3 months ago
Last Updated
today
Language
TypeScript
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

mermaid-diagram

Use this skill when you need to draw diagrams including: Flowchart, Sequence Diagram, Class Diagram, State Diagram, ER Diagram, User Journey, Gantt Chart, Pie Chart, Quadrant Chart, Requirement Diagram, Gitgraph, Mindmap, Timeline, Sankey, XY Chart (Bar/Line), Block Diagram, Packet Diagram, Kanban, Architecture Diagram, C4 Diagram, Radar Chart, Treemap, and ZenUML. You MUST use this skill BEFORE outputting any mermaid code block.

572 Updated today
wecode-ai
AI & Automation Solid

diagram-generation

Multi-format diagram generation from text descriptions. Create Mermaid, PlantUML, D2, and Graphviz diagrams including flowcharts, sequence diagrams, architecture diagrams (C4), and data models.

1,160 Updated today
a5c-ai
AI & Automation Listed

mermaid-diagram

Generate beautiful Mermaid diagrams — flowcharts, sequence, ER, class, state, pie, gantt, mindmap, timeline, gitgraph, C4, kanban, block, quadrant, sankey, XY charts. Renders to PNG locally and Markdown for GitHub. Use when the user asks for diagrams, visualizations, schemas, flowcharts, architecture overviews, database schemas, API flows, project timelines, git branching strategies, org charts, or any visual representation of systems, workflows, or data.

24 Updated 2 days ago
georgekhananaev
AI & Automation Listed

mermaid

Side-route utility skill for generating Mermaid diagram code from a description. Use when the user wants a flowchart, sequence diagram, class diagram, ER diagram, state machine, Gantt chart, mindmap, C4 architecture, user journey, or any of 23 supported Mermaid diagram types — often during /shape, /research, /write-a-prd, or /prd-to-issues when a visual would clarify scope, flow, or structure. Not for free-form ASCII sketches, hand-drawn whiteboards (use /excalidraw-diagram for that), or rendering diagrams to images.

2 Updated 2 days ago
chrislacey89
AI & Automation Solid

mermaid-diagrams

Creating and refining Mermaid diagrams with live reload. Use when users want flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, or any other Mermaid visualization. Provides best practices for syntax, styling, and the iterative workflow using mermaid_preview and mermaid_save tools.

154 Updated 4 days ago
veelenga