skills.rest
ymmt2005
ymmt2005COMMUNITY
Explore all skills by this author →
Website𝕏@ymmt2005GitHub

draw-svg

Generate standalone SVG diagrams from natural-language prompts.

1|Updated Apr 30, 2026
Search Tags:#svg#flowcharts#architecture-diagrams#color-palette#diagram-generation#er-diagrams#diagram-templates
One-click install
npx skills add https://github.com/ymmt2005/draw-svg --skill draw-svg
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: draw-svg
Source: https://github.com/ymmt2005/draw-svg/tree/main/skills/draw-svg
Command: npx skills add https://github.com/ymmt2005/draw-svg --skill draw-svg

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

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.

Frequently Asked Questions about draw-svg

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate SVG architecture diagrams from natural language prompts?▼

You can generate SVG diagrams by describing your architecture, ER models, or complex flowcharts in a natural-language prompt and specifying a target SVG filename. The output is a self-contained SVG file with a rigid grid, stable IDs, and structured layers for direct embedding in docs or slides.

What is the best way to create complex flowcharts with consistent vector styling?▼

Creating complex flowcharts with consistent styling relies on built-in diagram templates for shapes, connectors, and color palettes. This enforces a rigid grid and stable IDs, ensuring your complex flowcharts maintain polished vector output and accessibility guidance across different diagrams.

Can I use natural language to build ER diagrams and data models directly as SVG?▼

Yes, you can build ER diagrams and data models directly as standalone SVG by describing entities and relationships in a natural-language prompt. The process generates self-contained SVG files with a rigid grid and stable IDs, avoiding in-document Mermaid diagrams for external visuals.

Does this approach support modifying existing SVG files or only generating new ones?▼

This approach supports both generating new standalone SVG diagrams and modifying existing SVG files. You provide a natural-language prompt to guide precise layout and styling adjustments, ensuring the updated SVG maintains a rigid grid, stable IDs, and consistent color palettes.

Why should I avoid Mermaid diagrams when I need polished external SVG output?▼

Avoiding in-document Mermaid diagrams ensures your external visuals rely on a rigid grid, stable IDs, and in-file templates for shapes, connectors, and color palettes. This guarantees consistent results and polished vector output specifically designed for embedding in docs or slides.

Related Skills

Explore More Software Engineering Skills→
ElwinLiuElwinLiu

umple-diagram-generator

Convert natural language requirements into Umple diagrams and SVG visuals.

Community
Advanced
matiaspakuamatiaspakua

drawio

Generate native draw.io diagrams from natural language prompts.

Community
Advanced
gaogg521gaogg521
33

mermaid

Render Mermaid code to SVG or ASCII diagrams.

Community
Intermediate
tdiminotdimino
41

beautiful-mermaid

Render Mermaid diagrams as ASCII/Unicode art or SVG files.

Community
Basic