baoyu-diagram
快速输出可直接嵌入的专业图示，适合技术文档与展示。
生成自包含的高质量 SVG 图表，支持多种图表类型与暗色风格。
能把系统架构、流程图、时序图、思维导图等都输出成高质量的单文件 SVG，默认支持暗色主题并把样式和字体内嵌好。需要把复杂结构或流程可视化、做技术文档或演示时直接用它来画图。特别之处是生成的是自包含的 .svg，拷过去就能展示、打印或继续编辑，无需额外资源。
▸ 展开 SKILL.md 英文原文
Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines, illustrative/conceptual diagrams, and more. Use this skill whenever the user asks for any kind of technical or conceptual diagram, visualization of a system, process flow, data flow, component relationship, network topology, decision tree, org chart, state machine, or any visual representation of structure/logic/process. Also trigger when the user says "画个图" "画一个架构图" "diagram" "flowchart" "sequence diagram" "draw me a ..." or uploads content and asks to visualize it. Output is always a standalone .svg file.
帮我安装这个 skill：https://raw.githubusercontent.com/JimLiu/baoyu-skills/main/skills/baoyu-diagram/SKILL.mdcurl -fsSL "https://raw.githubusercontent.com/JimLiu/baoyu-skills/main/skills/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 box