baoyu-infographic skill: have Claude make an infographic from your text

Makes Claude turn an article or notes into an infographic, picking from 21 layouts and 22 visual styles.

Installs: 33K; on skills.sh
Stars: 27.2K; on GitHub
Files: 49; besides SKILL.md
Updated: Nov 2026; last repo commit

baoyu-infographic is a skill from Baoyu's skills repo. Claude analyses your content, rewrites it into a structured outline without changing your data, suggests layout and style pairs, and asks you to confirm. It then saves an image prompt file and generates a PNG.

The skill does not draw by itself. It needs an image backend: baoyu-image-gen with a provider key in Claude Code, or the built-in image tool in Codex or Cursor. Generation uses your provider credits.

Good for

Writers and marketers turning an article into a shareable graphic
Teachers and trainers making visual summaries and process diagrams
Product teams making a high-density guide or comparison image

Install baoyu-infographic

Claude Code

Copy this prompt.

Install the baoyu-infographic skill in Claude Code. Run this command:

npx skills add jimliu/baoyu-skills --skill baoyu-infographic --skill baoyu-image-gen

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js, An image provider API key.

baoyu-infographic does not draw images itself. It hands the saved prompt to an image backend, and the SKILL.md names baoyu-image-gen as an example backend, so the command also installs it from the same repo. The README lists more providers (Azure OpenAI, Z.AI, MiniMax, Seedream, Replicate and others). If the Codex CLI is installed and logged in, baoyu-image-gen can use it instead of a key. The README advises installing only the skills you need.

From the vendor's docs. Source.

What's in the skill

When it loads

Generate professional infographics with 21 layout types and 22 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when user asks to create "infographic", "信息图", "visual summary", "可视化", or "高密度信息大图".

Sections in SKILL.md

User Input Tools
Image Generation Tools
Reference Images
Confirmation Policy
Options
Layout Gallery (21)
Style Gallery (22)
Recommended Combinations
Keyword Shortcuts
Output Structure
Core Principles
Workflow
Step 1: Setup & Analyze
Step 2: Generate Structured Content → structured-content.md
Step 3: Recommend Combinations
Step 4: Confirm Options

Key facts

Author: jimliu (Baoyu)
Repo: jimliu/baoyu-skills
Installs on skills.sh: 33,045 as of Nov 2, 2026
GitHub stars: 27,159 for the whole jimliu/baoyu-skills repo, Nov 2, 2026
License: MIT
Last repo commit: Nov 1, 2026
What is inside: 50 files including SKILL.md: 21 layout and 22 style guides plus prompt templates and setup notes
skills.sh audits: Gen Agent Trust Hub warn, Socket pass, Snyk pass
Makes: An infographic image from your text: 21 layouts crossed with 22 styles
Needs: An image backend: baoyu-image-gen with a provider key, Codex's imagegen, or Cursor's GenerateImage
Output folder: infographic/<topic-slug>/ with analysis.md, structured-content.md, prompts/infographic.md and infographic.png
Part of: The baoyu-skills repo (the README says it holds 20+ skills; install only what you need)

What it includes

Loads EXTEND.md preferences, saves the source, writes analysis.md
First run asks preference questions and saves EXTEND.md. Existing files are renamed to a backup name.
Try: “Make an infographic from notes.md.”
Write · Setup and analyze
Rewrites your content into sections, data points and labels without changing the data
Saved as structured-content.md. Credentials and secrets are stripped.
Write · Structured content
Suggests 3 to 5 layout and style pairs, with keyword shortcuts
Default is bento-grid with craft-handmade. High-density requests lead to dense-modules.
Recommend combinations
A hard gate: you confirm combination, aspect, language and backend
Skipped only with --no-confirm or an explicit instruction.
Confirm options
Combines the layout, style and base template into prompts/infographic.md
The prompt file is always saved before any image call.
Generate the prompt
Sends the prompt to the chosen backend and saves infographic.png
Retries once on failure. Never switches to SVG or HTML.
Runs code · Generate the image
linear-progression, binary-comparison, hub-spoke, funnel, dashboard, venn-diagram and more
Each has a definition file under references/layouts.
21 layouts
craft-handmade, chalkboard, corporate-memphis, technical-schematic, pixel-art and more
Each has a definition file under references/styles.
22 styles
--layout, --style, --aspect, --lang, --ref, --no-confirm
Aspect can be landscape 16:9, portrait 9:16, square 1:1 or any W:H.
Options
--ref files used directly, or as style or palette hints
Copied into a refs folder next to the output.
Files · Reference images
Wrong text means a fresh prompt and a new file, never painting over
The flawed candidate is kept for comparison.
Text fix policy

From the official docs

Permissions

Medium risk

Claude sends your content to an image provider and spends its credits, and it writes files into your project. Confirm the options and keep private material out.

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

Image generation uses your provider credits
Each image is a paid call on the provider whose key you set. Check the confirmed options before approving, since regenerating text fixes means new calls. github.com
Your content is sent to the image provider
The prompt includes your source text and any reference images you pass. The skill says to strip credentials and secrets from outputs, but do not feed it private material you cannot share with that provider. github.com
It writes files and renames old ones
It saves outputs in a new folder and renames an existing file to a -backup-timestamp name before regenerating. Check the output folder before you commit. github.com
It runs backend scripts through bun
baoyu-image-gen runs TypeScript scripts with bun, or fetches bun with npx -y bun. Read the first command Claude proposes. github.com

Security advisories

No published security advisories as of Nov 2, 2026.

Technical details

Turning on read-only	SKILL.md defines no read-only mode. It confirms the layout, style and backend with you before generating, unless you explicitly say to skip confirmation.
Talks to	The image provider you pick, through baoyu-image-gen: your prompt and any reference images. Package downloads if bun is fetched with npx -y bun
Sign-in and keys	Provider API keys live in .env files you create: ~/.baoyu-skills/.env or .baoyu-skills/.env in the project. The README says not to commit them.
Scopes	Claude saves source copies, analysis, prompt files and the image in your project Claude may copy reference images you give it into a refs folder Claude runs the image backend's scripts with bun, or npx -y bun if bun is missing A first run asks preference questions and saves an EXTEND.md file

Questions

What does baoyu-infographic do?

It makes Claude turn an article or notes into one infographic image. Claude analyses your content, proposes layout and style pairs from 21 layouts and 22 styles, confirms with you, then generates the picture through an image backend.

How do I install baoyu-infographic?

Use the install box at the top of this page. In Claude Code it installs baoyu-image-gen with it, because the skill needs an image backend to make the picture. You also need one image provider API key. In Codex the skill uses Codex's own image tool.

Does baoyu-infographic need an API key?

In Claude Code, yes. SKILL.md names native image tools only for Codex (imagegen) and Cursor (GenerateImage), so in Claude Code the skill uses baoyu-image-gen, which calls an image provider with a key you put in a .env file. It can also use a logged-in Codex CLI. In Codex or Cursor the skill uses the app's own image tool.

Which layout and style should I pick?

Let Claude recommend, or use the SKILL.md pairings: linear-progression with craft-handmade for timelines, binary-comparison with corporate-memphis for A versus B, dashboard with corporate-memphis for metrics, and dense-modules with morandi-journal for product guides.

Does it ask before generating?

Yes. By default it confirms the options with you first. It skips that only when you say so explicitly, for example with a no-confirm or quick option.

What if the text in the image is wrong?

It regenerates from a corrected prompt in a new file and keeps the flawed one for comparison. The skill forbids painting over or editing the text in a generated image with code.

Does it work in the Claude app?

No documented route. It needs scripts and an image backend on your machine, so the install box has no Claude app tab. Use Claude Code or Codex.

Is baoyu-infographic safe?

It sends your text and reference images to an image provider you choose, spends that provider's credits, runs backend scripts with bun and saves files in your project. Read the options it asks you to confirm and keep private material out of it.

Information

updated Nov 2, 2026

Repository: jimliu/baoyu-skills
Folder: skills/baoyu-infographic

jimliu/baoyu-skills skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 6

baoyu-skills README · github.com
skills CLI commands · github.com
baoyu-image-gen SKILL.md · github.com
baoyu-infographic SKILL.md · github.com
codex-imagegen.md · github.com
skills.sh listing · skills.sh