baoyu-diagram
Baoyu Diagram generates standalone SVG diagrams with a dark design system and semantic color palette. It supports architecture diagrams, flowcharts, sequence diagrams, mind maps, timelines, and other technical visualizations, each with purpose-built layout rules and component patterns.
Baoyu Diagram creates professional SVG diagrams for system architecture and technical visualization.
AI-generated summary based on this skill's SKILL.md
Install
JimLiu/baoyu-skills/baoyu-diagram · repository language: TypeScript
git clone https://github.com/JimLiu/baoyu-skills
cp -r baoyu-skills/skills/baoyu-diagram ~/.claude/skills/baoyu-diagramFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What types of diagrams can baoyu-diagram create?
Baoyu Diagram generates standalone SVG diagrams including system architecture diagrams, flowcharts, sequence diagrams, mind maps, timelines, state machine diagrams, and other technical visualizations. Each diagram type uses purpose-built layout rules and component patterns optimized for professional technical documentation.
Can I draw me a flowchart with baoyu-diagram?
Yes, baoyu-diagram supports flowchart creation with decision logic and process flow visualization. The tool generates professional SVG flowcharts with semantic color coding and dark design system styling suitable for technical documentation and system documentation.
What design system does baoyu-diagram use?
Baoyu Diagram employs a dark design system with a semantic color palette. All generated SVG diagrams feature consistent styling and professional appearance, making them suitable for technical presentations, documentation, and architecture visualization across different contexts.
Does baoyu-diagram support sequence diagrams for API interactions?
Yes, baoyu-diagram can generate sequence diagrams showing actor interactions over time, including API call sequences. The tool visualizes component relationships and data flow between system parts, making it ideal for documenting complex system interactions and communication patterns.
What is the license for baoyu-diagram?
Baoyu Diagram is released under the MIT license, allowing free use, modification, and distribution in both open-source and commercial projects.
Can baoyu-diagram create ER and class diagrams?
Baoyu Diagram supports creating entity relationship diagrams, class diagrams, and other structural visualizations. The tool specializes in generating professional SVG diagrams with semantic color palettes and dark theme styling for comprehensive technical visualization needs.
SKILL.md
rendered from the published skill — quoted content, verbatim
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, |
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 6 files
skills/baoyu-diagram/SKILL.md
skills/baoyu-diagram/references/architecture.md
skills/baoyu-diagram/references/flowchart.md
skills/baoyu-diagram/references/sequence.md
skills/baoyu-diagram/references/structural.md
skills/baoyu-diagram/scripts/main.ts