Baoyu Infographic Generator
Analyzes your content and produces publication-ready infographics from 21 layout types combined with 22 visual styles.
Image & VideoIntermediate★ 26,121⑂ 2,886AI score 10/10Last updated: Sep 10, 2026
What it does
- Analyzes your source (file or pasted text) into
analysis.md: topic, data type, complexity, tone, audience, and detected language. - Rebuilds the material as
structured-content.mdwith learning objectives, per-section visual elements, and all statistics/quotes preserved verbatim (secrets and API keys stripped). - Recommends 3–5 layout × style combinations from 21 layouts (timeline, binary comparison, hierarchy, bento grid, iceberg, funnel, dashboard, dense-modules, and more) and 22 styles (craft-handmade, claymation, kawaii, chalkboard, cyberpunk-neon, technical-schematic, pixel-art, morandi-journal, etc.).
- After you confirm combo/aspect/language/backend, it writes the final prompt to
prompts/infographic.mdand renders a PNG through whichever raster image backend is available. - Saves preferences in EXTEND.md (project, XDG, or home scope) so later runs start from your defaults; explicitly refuses to fake images with SVG/HTML or patch text with ImageMagick overlays.
Who it's for
- Content creators who need visual summaries for blogs, newsletters, and social posts.
- Educators and product folks building training material, guides, or process diagrams.
- Analysts and PMs needing comparison charts, roadmaps, or KPI dashboard visuals for decks.
- Marketers producing multilingual infographics (en/zh/ja and more).
Examples
- "Turn this article into an infographic" → keyword shortcut leads with
bento-grid+craft-handmadeat 16:9, confirms, then renders. - "Make a high-density info poster for our product guide" →
dense-modules+morandi-journalin 9:16 portrait. - "Match our brand look" → pass
--ref brand.pngso palette and style traits are extracted into the prompt.
· · · Install guide · · ·
Try it now, no install
Paste this into Claude to use the skill without installing anything.
Read the instructions in this file and follow them to help me: https://raw.githubusercontent.com/JimLiu/baoyu-skills/HEAD/skills/baoyu-infographic/SKILL.md What I want: (describe your task here)
If Claude can't open the link, open it yourself and paste the contents instead.
↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.
Install in the Claude app (no terminal)
- Download the ZIP with the button below.
- In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
- Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
Install in Claude Code
Let Claude do it — paste this into Claude Code
Install the skill I found on Claude Skill Mart. Copy the skills/baoyu-infographic folder from the GitHub repo JimLiu/baoyu-skills into my ~/.claude/skills/baoyu-infographic/. When it's done, tell me in one line what this skill can do.
Install with a command instead
git clone https://github.com/JimLiu/baoyu-skills.git && mkdir -p ~/.claude/skills && cp -r baoyu-skills/skills/baoyu-infographic ~/.claude/skills/⚠ This is a third-party skill. Check the source repository before installing.
- Open a terminal.
- Clone the repo:
git clone https://github.com/JimLiu/baoyu-skills.git - Create the skills folder:
mkdir -p ~/.claude/skills - Copy just this skill:
cp -r baoyu-skills/skills/baoyu-infographic ~/.claude/skills/ - Make sure a raster image backend exists: runtime-native tools like Codex
imagegenor CursorGenerateImageare used automatically; otherwise install thebaoyu-image-genskill as well. - Restart Claude Code and ask something like "create an infographic from this file". On first run it will help you create EXTEND.md with your defaults.
- Find results in
infographic/{topic-slug}/containing analysis files, the prompt record, and the generated PNG.
View source on GitHub ↗License: MIT