Installation
Copy the prompt below and send it to your AI assistant (e.g. Claude Code) — it will follow the instructions and install automatically.
Install the "baoyu-diagram" skill by following the instructions at https://skill123.me/install/baoyu-diagram.
Run in your terminal — downloads and installs to ~/.claude/skills/.
curl -fsSL https://skill123.me/install/baoyu-diagram.sh | bash
Download the zip and extract it into your skills directory (e.g. ~/.claude/skills/), then restart your session.
⬇ Download v1.0.0 · 13 KBAbout this skill
Overview
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.
Source
- Repo: https://github.com/JimLiu/baoyu-skills
- Path: skills/baoyu-diagram
Evaluation
AI-evaluated 2026-09-03: Complete SVG design system: semantic color table, typography scale, exact component patterns (boxes, cylinders, regions), z-order layering with the opaque-mask trick, strict spacing rules, nine diagram types each with a dedicated reference file, and a bundled SVG-to-PNG script. Common need, no external API needed, and output is local SVG files only, so no safety concerns.