# Baoyu Diagram (agent skill)

> Baoyu Diagram is an agent skill (a SKILL.md file) from JimLiu/baoyu-skills. Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines, illustrative/conceptual diagrams, and more. It works with Claude Code, Codex and Cursor and has 26,377 GitHub stars across a repository of 6 listed skills.

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.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/JimLiu/baoyu-skills |
| Skill path | skills/baoyu-diagram/SKILL.md |
| Skill name | baoyu-diagram |
| GitHub stars | 26,377 |
| Installs on skills.sh | not listed |
| License | MIT |
| Skills in repo | 6 |
| Plugin marketplace | baoyu-skills |
| Official | no |
| Works with | Claude Code, Codex, Cursor |
| Category | Data & analysis |
| Last commit | Sep 10, 2026 |

## When it triggers

- 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 repr
- trigger when the user says "画个图" "画一个架构图" "diagram" "flowchart" "sequence diagram" "draw me a .
- "画个图"
- "画一个架构图"
- "diagram"
- "flowchart"
- "sequence diagram"
- "draw me a ..."

## Add this skill

### Claude Code

```sh
/plugin marketplace add JimLiu/baoyu-skills
/plugin install baoyu-skills@baoyu-skills
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/JimLiu/baoyu-skills.git
cp -r baoyu-skills/skills/baoyu-diagram .agents/skills/baoyu-diagram   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/JimLiu/baoyu-skills.git
cp -r baoyu-skills/skills/baoyu-diagram .cursor/skills/baoyu-diagram   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/jimliu-baoyu-diagram
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.