Skip to content
appsgit

Baoyu Diagram

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.

github.com/JimLiu/baoyu-skills/skills/baoyu-diagram (opens in a new tab)

View on GitHub (opens in a new tab)

Add this skill

Claude

This repository is a Claude Code plugin marketplace. In Claude Code:

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

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

ChatGPT / Codex

Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:

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

Standalone skills also load in the ChatGPT desktop app.

Cursor

Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:

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

Source (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), code.claude.com/docs/en/plugin-marketplaces (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)

What this skill does

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.

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 ..."

More skills in JimLiu/baoyu-skills

6 skills are listed from this repository.

Similar skills

More data & analysis skills

All Data & analysis

FAQ

Baoyu Diagram FAQ

Still curious? Email info@appsgit.com.

What is the Baoyu Diagram 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. Its SKILL.md lives at github.com/JimLiu/baoyu-skills/skills/baoyu-diagram.

How do I install the Baoyu Diagram skill?

In Claude Code, run /plugin marketplace add JimLiu/baoyu-skills and then /plugin install baoyu-skills@baoyu-skills. For Codex or Cursor, copy the baoyu-diagram folder into .agents/skills/ or .cursor/skills/.

Is the Baoyu Diagram skill free?

Yes. The repository is open source under the MIT license.

Is Baoyu Diagram maintained?

The repository's most recent commit was on Sep 10, 2026. Its latest release is v2.5.2. appsgit only lists skills from repositories with a commit in the last six months.