baoyu-diagram SKILL.md skillA

baoyu-diagram from jimliu/baoyu-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add jimliu/baoyu-skills/baoyu-diagram@v1.118.0

Pins v1.118.0 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
jimliu/baoyu-skills
Path
skills/baoyu-diagram/SKILL.md
Versions recorded
5
Latest version
v1.118.0, committed Nov 1, 2026
First version recorded
Apr 16, 2026
Size
16,177 bytes
Repository stars
27,167
License
MIT

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…

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Diagram Generator

Create SVG diagrams. Each SVG embeds its own styles, uses CSS custom properties for theming, and loads nothing over the network.

## Output Files

For a diagram saved as `<name>.svg`, produce exactly these files:

| File | What it is | Made by |
|------|-----------|---------|
| `<name>.svg` | Source SVG, CSS variables with dark theme values | You (the LLM) |
| `<name>.light.svg` | Same markup with light theme values | `theme-switch.ts --theme=light` |
| `<name>@2x.png` | Dark PNG at 2x scale | `main.ts` |
| `<name>.light@2x.png` | Light PNG at 2x scale | `main.ts --theme light` |

If the user asks for only one theme, or only SVG, produce just those files.

## Themes

All colors are CSS custom properties defined in the `:root` block of the SVG's `<style>`; markup references them as `var(--bg)`, `var(--color-primary-fill)`, etc. Never hardcode color values in SVG attributes.

Theme values live in `{baseDir}/themes/<name>.json` — one flat JSON object mapping CSS property names (keys starting with `--`) to colors. Other keys (e.g. `"description"`) are metadata, ignored by scripts. Built-in: `dark.json`, `light.json`.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add jimliu/baoyu-skills/baoyu-diagram@sha256:cad323126d00c70d

The line at the top of this page pins the label v1.118.0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_iwbqcah7pql42ao2.svg)](https://markdownregistry.com/a/art_iwbqcah7pql42ao2)

1 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 5 versions of this file, between Apr 16, 2026 and Nov 1, 2026, about one every 50 days.

versioncommittedcommitsizeaudit
v1.118.0 latest2026-11-01 1e96a64 16,177 BA view · diff
v1.118.02026-11-01 fe111a4 19,129 BA view · diff
v1.118.02026-11-01 172fb07 18,637 BA view · diff
v1.117.32026-05-20 6699b80 12,272 BA view · diff
git:20260416.39792f42026-04-16 39792f4 12,255 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (16177 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

jimliu/baoyu-skills · 27,167 stars · license MIT · pushed 2026-11-01 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_iwbqcah7pql42ao2
GET https://markdownregistry.com/api/v1/resolve?ref=jimliu/baoyu-skills/baoyu-diagram
GET https://markdownregistry.com/api/v1/blob/cad323126d00c70da03ea5ea2de13b3fa76d3b430788f6d8d2573a6b3ed03a06

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from jimliu/baoyu-skills

release-skills SKILL.md skill
jimliu/baoyu-skills · .claude/skills/release-skills/SKILL.md · Universal release workflow. Auto-detects version files and changelogs. Supports Node.js, Python, Rust, Claude Plugin…
git:20260505.80a1c29 · audit A · 27,167 stars
CLAUDE.md CLAUDE.md file
jimliu/baoyu-skills · CLAUDE.md
git:20260613.b0ac523 · audit B · 27,167 stars
baoyu-article-illustrator SKILL.md skill
jimliu/baoyu-skills · skills/baoyu-article-illustrator/SKILL.md · Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type × Style ×…
v1.117.4 · audit A · 27,167 stars
baoyu-comic SKILL.md skill
jimliu/baoyu-skills · skills/baoyu-comic/SKILL.md · Knowledge comic creator supporting multiple art styles and tones. Creates original educational comics with detailed…
v1.117.4 · audit B · 27,167 stars
baoyu-compress-image SKILL.md skill
jimliu/baoyu-skills · skills/baoyu-compress-image/SKILL.md · Compresses images to WebP (default) or PNG with automatic tool selection. Use when user asks to "compress image"…
v1.56.1 · audit A · 27,167 stars
baoyu-cover-image SKILL.md skill
jimliu/baoyu-skills · skills/baoyu-cover-image/SKILL.md · Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 11 color palettes and…
v1.117.5 · audit A · 27,167 stars
baoyu-danger-gemini-web SKILL.md skill
jimliu/baoyu-skills · skills/baoyu-danger-gemini-web/SKILL.md · Generates images and text via reverse-engineered Gemini Web API. Supports text generation, image generation from…
v1.56.2 · audit B · 27,167 stars
baoyu-danger-x-to-markdown SKILL.md skill
jimliu/baoyu-skills · skills/baoyu-danger-x-to-markdown/SKILL.md · Converts X (Twitter) tweets and articles to markdown with YAML front matter. Uses reverse-engineered API requiring user…
v1.117.3 · audit A · 27,167 stars
baoyu-electron-extract SKILL.md skill
jimliu/baoyu-skills · skills/baoyu-electron-extract/SKILL.md · Extracts resources and JavaScript from any installed Electron app (`.asar` bundle), restoring original sources from…
v1.119.0 · audit A · 27,167 stars
baoyu-format-markdown SKILL.md skill
jimliu/baoyu-skills · skills/baoyu-format-markdown/SKILL.md · Formats plain text or markdown files with frontmatter, titles, summaries, headings, bold, lists, and code blocks. Use…
v1.57.0 · audit A · 27,167 stars
baoyu-image-gen SKILL.md skill
jimliu/baoyu-skills · skills/baoyu-image-gen/SKILL.md · AI image generation with OpenAI GPT Image 2.5, Azure OpenAI, Google, OpenRouter, DashScope, Z.AI GLM-Image, MiniMax…
v2.2.0 · audit A · 27,167 stars
baoyu-infographic SKILL.md skill
jimliu/baoyu-skills · skills/baoyu-infographic/SKILL.md · Generate professional infographics with 21 layout types and 22 visual styles. Analyzes content, recommends layout×style…
v1.117.4 · audit A · 27,167 stars

Every file in jimliu/baoyu-skills

Browse by kind, by grade A, or by owner.