ai-create-diagram
CommunityTurn descriptions into clean D2 diagrams.
Authorbennoloeffler
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It converts architecture, flows, and sequence descriptions into production-ready diagrams without manual drawing, saving time and reducing formatting mistakes.
Core Features & Use Cases
- D2-to-SVG/PNG generation: Produces editable D2 source plus rendered SVG and PNG for reuse in docs and decks.
- Diagram types from natural language: Supports flowcharts, org charts, sequences, ERDs, and state/logic-style layouts using D2 syntax.
- Styling and layout controls: Provides theme and sketch-mode options plus practical conventions (like keeping diagrams readable with fewer nodes).
Quick Start
Ask Claude to create a flowchart diagram for your “lead process from inquiry to onboarding” and specify the output as SVG and PNG.
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ai-create-diagram Download link: https://github.com/bennoloeffler/claude-code-personal-agent-plugins-skills/archive/main.zip#ai-create-diagram Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.