draw-svg
CommunityPolished SVG diagrams from natural prompts.
Software Engineering#svg#flowcharts#architecture-diagrams#color-palette#diagram-generation#er-diagrams#diagram-templates
Authorymmt2005
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Generate or modify standalone SVG diagrams (architecture, ER, complex flowcharts) when a user explicitly wants an SVG output or to edit an existing SVG. It guides the user through precise layout and styling while avoiding in-document Mermaid diagrams for external visuals.
Core Features & Use Cases
- Produce self-contained SVG diagrams with a predictable grid, stable IDs, and layer structure for architecture diagrams, ER models, and complex flowcharts.
- Leverage template references for shapes, connectors, and color palettes to ensure consistent visuals and accessibility guidance.
- Use cases include designing deployment architectures, data models, and end-to-end process diagrams that can be embedded directly in docs or slides.
Quick Start
Describe the diagram you want and specify the target SVG filename to generate.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: draw-svg Download link: https://github.com/ymmt2005/draw-svg/archive/main.zip#draw-svg 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.