Skip to content
Mingworks
EN · Language: English
简体中文繁體中文English
Back to Skills
Slides & imagesInstall and go

Draw dark-style diagrams

Flowcharts, structure diagrams, mind maps and timelines, all drawn as dark-themed SVGs.

Good for: People who want to draw out how something works or fits together

What you can do once it's installed

Just say the “You say to AI” line, with your own details swapped in.

Map your home network

You say to AI

Draw a diagram of how the modem, router, TV and computer at home are all connected.

What AI does

  1. 1.Works out which kind of diagram fits
  2. 2.Places each device and draws the connections
  3. 3.Outputs an SVG, plus a PNG at 2x resolution

What you get

A dark-style SVG diagram, plus a matching PNG.

A one-year timeline

You say to AI

Turn the stages of my year learning guitar into a timeline.

What AI does

  1. 1.Lists each stage and when it happened
  2. 2.Lays them out as a timeline
  3. 3.Gives long labels wider boxes so the text doesn't spill out

What you get

A timeline, as both an SVG and a PNG.

Want the original instructions? SKILL.md on JimLiu/baoyu-skills

How to install

Which AI tool do you use?

  1. 1. Open the Terminal app on your computer, paste the line below and press Enter

    npx skills add JimLiu/baoyu-skills@baoyu-diagram -g

    With no tool name, the command looks for the AI tools on your computer and asks where to install. If it says npx is missing or too old, install the latest Node.js (22 or newer) first.

    First time using the terminal?
    • How to open it: on a Mac, press ⌘ + Space and search “Terminal”. On Windows, search “PowerShell” in the Start menu. In Cursor, Trae or VS Code, use the menu Terminal → New Terminal.
    • Windows says “running scripts is disabled”: change npx at the start of the command to npx.cmd and try again.
    • If a list pops up: move with the arrow keys, press Space to tick the tools you want, then press Enter.
    • How to tell it worked: you'll see a success message. Reopen your AI tool and ask “What Skills do you have now?” to check.

    Don't feel like opening a terminal?

    Tools like Claude Code, Codex, Cursor and Trae can run commands themselves. Send them this:

    Please run this command in my terminal and tell me how it went: npx skills add JimLiu/baoyu-skills@baoyu-diagram -g

  2. 2. Reopen your AI tool

    New Skills only get picked up after a restart.

  3. 3. Just say what you want

    Say it the way the examples do. To call it by name, say “Use baoyu-diagram to help me…”.

More for “Slides & images”

  • Slides & imagesNeeds a little setup

    Turn text into slides

    Turns text into a set of styled slide images, starting with an outline before making the pictures.

    Good for: People who want to turn an article into slides to share

    See how to use it
  • Slides & imagesInstall and go

    Draw hand-drawn-style flowcharts

    Describe it in a sentence and get a hand-drawn-style diagram you can keep editing in Excalidraw.

    Good for: People who want flowcharts or mind maps without dragging boxes around

    27.9K installsSee how to use it
  • Slides & imagesNeeds a little setup

    Make Xiaohongshu image cards

    Splits a post into 1 to 10 cartoon-style image cards, made for Xiaohongshu (RED).

    Good for: People who post picture-and-text content on Xiaohongshu (RED) or WeChat

    See how to use it