draw-svg

Community

Polished SVG diagrams from natural prompts.

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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.