← All skills

baoyu-diagram

80 / 100 · Low risk

Fine to try.

By JimLiu/baoyu-skills (GitHub) · data · 27,538 stars · scanned at commit ca703c2

Create professional diagrams with configurable dark/light theme via CSS custom properties. 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 as…

Works with any agent that supports SKILL.md skills.

What this skill can do

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'baoyu-diagram' ] || [ -L ~/.agents/skills/'baoyu-diagram' ]; then echo 'A skill folder named baoyu-diagram already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/JimLiu/baoyu-skills' "$d" && git -C "$d" checkout --quiet 'ca703c2d7c2c4399a1dc0cf82224f8551e05a96d' -- 'skills/baoyu-diagram' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/baoyu-diagram' ~/.agents/skills/'baoyu-diagram' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'baoyu-diagram' ~/.claude/skills/'baoyu-diagram' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for JimLiu/baoyu-skills shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/JimLiu/baoyu-skills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/JimLiu/baoyu-skills/)

Score history