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.
npx skills add a5c-ai/babysitter --skill diagram-generation --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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": "sequenc
- Capabilities
- Usage
- Inputs
- Input Example
- Mermaid Diagrams
- Flowchart
- Sequence Diagram
- Class Diagram
- Entity Relationship Diagram
- State Diagram
- C4 Model Diagrams
- System Context
- Container Diagram
- D2 Diagrams
What does the diagram-generation skill do?
Multi-format diagram generation from text descriptions. Create Mermaid, PlantUML, D2, and Graphviz diagrams including flowcharts, sequence diagrams, architecture diagrams (C4), and data models.
How do I install it?
Run `npx skills add a5c-ai/babysitter --skill diagram-generation --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From a5c-ai/babysitter, a repository with 1,642 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.