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 126 stars 11 forks Updated today MIT

Install

View on GitHub

Quality Score: 85/100

Stars 20%
70
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
5 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 Listed

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

0 Updated yesterday
VytCepas
AI & Automation Solid

mermaid-diagram-builder

Creates clear, valid, version-controllable diagrams as code using Mermaid — flowcharts, sequence diagrams, ER diagrams, class diagrams, state machines, Gantt charts, C4/architecture diagrams, and more. Use this skill when the user asks to "draw a diagram", "make a flowchart", "create a sequence diagram", "diagram this architecture", "visualize this process/data model/API flow", "show the ER diagram", "render Mermaid", "diagram as code", or wants a chart embeddable in Markdown, GitHub, Notion, or docs. Covers picking the right diagram type, writing syntactically correct Mermaid, styling, and validating that it renders.

3 Updated today
JayRHa
AI & Automation Listed

mermaid-diagram

Use this skill ANY time the user wants a diagram, chart, or visual documentation of any kind — flowcharts, sequence diagrams, architecture diagrams, ER diagrams, state machines, gantt charts, class diagrams, deployment diagrams, mindmaps, or any visual representation of systems, processes, or relationships. Trigger on: "diagram", "chart", "visualize", "draw", "map out", "document the flow", "show how X connects to Y", or when the user describes states, transitions, timelines, or service interactions that imply a visual even without saying "diagram". Also trigger when the user mentions "mermaid" by name or asks to convert code to a diagram.

2 Updated yesterday
petermcalister