diagram-generation

Solid

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

AI & Automation 1,160 stars 71 forks Updated today MIT

Install

View on GitHub

Quality Score: 99/100

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

Skill Content

# Diagram Generation Skill Multi-format diagram generation from text descriptions. ## Capabilities - Mermaid diagram generation (flowcharts, sequence, class, ER) - PlantUML diagram creation and rendering - D2 diagram generation - Graphviz DOT language support - Architecture diagram generation (C4 model) - Excalidraw integration for hand-drawn style - Diagram accessibility analysis - SVG/PNG export with optimization ## Usage Invoke this skill when you need to: - Create architecture diagrams - Generate sequence diagrams - Build data model visualizations - Create flowcharts and decision trees - Export diagrams in various formats ## Inputs | Parameter | Type | Required | Description | |-----------|------|----------|-------------| | type | string | Yes | mermaid, plantuml, d2, graphviz, c4 | | diagramType | string | Yes | flowchart, sequence, class, er, architecture | | source | string | No | Diagram source code | | inputPath | string | No | Path to diagram source file | | outputPath | string | Yes | Output file path | | format | string | No | svg, png, pdf (default: svg) | | theme | string | No | Theme for styling | ### Input Example ```json { "type": "mermaid", "diagramType": "sequence", "source": "sequenceDiagram\n Client->>API: Request\n API-->>Client: Response", "outputPath": "docs/diagrams/api-flow.svg", "format": "svg" } ``` ## Mermaid Diagrams ### Flowchart ```mermaid flowchart TD A[Start] --> B{Is valid?} B -->|Yes| C[Process] B -->|No|...

Details

Author
a5c-ai
Repository
a5c-ai/babysitter
Created
4 months ago
Last Updated
today
Language
JavaScript
License
MIT

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 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 Solid

diagram

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

109 Updated today
HybridAIOne
AI & Automation Solid

user-flow-diagram

Generate user flow diagrams and flowcharts using Mermaid and other formats

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

mermaid-expert

Create Mermaid diagrams for flowcharts, sequences, ERDs, and architectures. Masters syntax for all diagram types and styling.

39,350 Updated today
sickn33