baoyu-diagram

SKILL.md

Diagram Generator

Create professional SVG diagrams across multiple diagram types. All output is a single self-contained .svg file with embedded styles and fonts.

Supported Diagram Types

Type
When to Use
Key Characteristics

Architecture
System components & relationships
Grouped boxes, connection arrows, region boundaries

Flowchart
Decision logic, process steps
Diamond decisions, rounded step boxes, directional flow

Sequence
Time-ordered interactions between actors
Vertical lifelines, horizontal messages, activation bars

Structural
Class diagrams, ER diagrams, org charts
Compartmented boxes, typed relationships (inheritance, composition)

Mind Map
Brainstorming, topic exploration
Central node, radiating branches, organic layout

Timeline
Chronological events
Horizontal/vertical axis, event markers, period spans

Illustrative
Conceptual explanations, comparisons
Free-form layout, icons, annotations, visual metaphors

State Machine
State transitions, lifecycle
Rounded state nodes, labeled transitions, start/end markers

Data Flow
Data transformation pipelines
Process bubbles, data stores, external entities

Design System