πŸ“Š
DataTypeScript

Baoyu Diagram

by JimLiu

Baoyu Diagram is a Data skill for Claude Code, published by JimLiu in baoyu-skills.

25K stars2.8K forkson JimLiu/baoyu-skillsAdded 2026/08/14Repository updated 2026/07/04
agent-skillsclaude-skillscodex-skillsopenclaw-skills
Install in seconds
Install Baoyu Diagram
Copy Baoyu Diagram into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/JimLiu/baoyu-skills/tree/main/skills/baoyu-diagram ~/.claude/skills/baoyu-diagram

Requires Node.js. Downloads this skill only β€” not the rest of the repository β€” into your Claude Code skills folder.

Without Node.js

git clone https://github.com/JimLiu/baoyu-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
skills/baoyu-diagram/SKILL.md in JimLiu/baoyu-skills
Installs to
~/.claude/skills/baoyu-diagram
Collection
One of 22 skills cataloged from this repository
Category
Data β€” 668 skills

What Baoyu Diagram does

Baoyu Diagram creates professional, dark-themed SVG diagrams including architecture, flowcharts, sequence, structure, mind maps, and timelines. Use it when the user asks for technical or conceptual diagrams or visualizations of systems, processes, or data.

Baoyu Diagram is cataloged under Data on DirSkills. Baoyu Diagram comes from a repository tagged agent-skills, claude-skills, codex-skills and openclaw-skills.

Frequently asked about Baoyu Diagram

  • What else does JimLiu publish alongside Baoyu Diagram?

    Baoyu Diagram is one of 22 skills that DirSkills catalogs from JimLiu/baoyu-skills, the repository it ships in. Its siblings there include Article Illustrator, Baoyu Image Generation and Baoyu Translate. Each one is a separate skill with its own page in this directory, installs the same way Baoyu Diagram does, and is maintained by JimLiu in that same repository. The rest of the collection is listed on the JimLiu/baoyu-skills page.

  • How does Baoyu Diagram compare to other Data skills?

    Baoyu Diagram ranks #77 by stars among the 668 Data skills in this catalog. The most-starred ones next to it are Benchmark Methodology, Jupyter Notebook and Solana. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Baoyu Diagram against them. Open each page to compare what they document and how they install.

More from JimLiu/baoyu-skills

Baoyu Diagram is one of 22 skills cataloged on DirSkills from JimLiu/baoyu-skills.

See all 22 skills β†’
🎨
2w ago

Article Illustrator

Article Illustrator analyzes article structure and identifies where visual aids are needed, then generates illustrations using a Type Γ— Style Γ— Palette approach. Use it when asked to illustrate an article, add images, generate images for an article, or 为文章配图.
AI Engineering
25K2.8K
🎨
2w ago

Baoyu Image Generation

Baoyu Image Generation generates images using OpenAI GPT Image 2, Azure OpenAI, Google, OpenRouter, DashScope, Z.AI GLM-Image, MiniMax, Jimeng, Seedream, Replicate, and Agnes APIs. It supports text-to-image, reference images, aspect ratios, and batch generation from saved prompt files.
AI Engineering
25K2.8K
🌐
2w ago

Baoyu Translate

Baoyu Translate provides quick, normal, and refined translation modes with custom glossary support for articles and text. Use it when a user asks to translate, localize, or proofread content.
Writing
25K2.8K
πŸ’¬
2w ago

Baoyu WeChat Summary

Baoyu WeChat Summary summarizes WeChat group chat highlights into structured digests (normal or roast) using the local wx-cli binary, and maintains per-group history, user profiles, and fact memory across runs for requests like group chat digests or profile backfills.
Data
25K2.8K
πŸ–ΌοΈ
2w ago

Baoyu XHS Image Cards

Baoyu XHS Image Cards generates infographic image card series with 12 visual styles, 8 layouts, and 3 color palettes. It breaks content into 1-10 cartoon-style image cards optimized for social media engagement.
Writing
25K2.8K
🎨
2w ago

Cover Image Generator

Cover Image Generator creates article cover images with five dimensions: type, palette, rendering, text, and mood, combining 11 color palettes and 7 rendering styles in cinematic (2.35:1), widescreen (16:9), or square (1:1) aspect ratios. Use it when asked to generate, create, or make a cover image.
Automation
25K2.8K