baoyu-diagram

Installation
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

Related skills

More from jimliu/baoyu-skills

Installs
4.1K
GitHub Stars
18.1K
First Seen
Apr 12, 2026