AI Skill MartBrowse skillsPromptsProgramsLearnWhat is a Skill?
 
← Back to list

Baoyu Article Illustrator

Analyzes an article, picks the spots that need visuals, and generates illustrations using a Type × Style × Palette system before inserting them back into the text.

Image & VideoIntermediate★ 27,392⑂ 2,989AI score 9/10Last updated: Nov 6, 2026

What it does

  • Reads an article (file path or pasted text), classifies it (technical / tutorial / methodology / narrative) and extracts 2–5 core arguments.
  • Picks illustration positions and designs each visual along three axes: Type (infographic, scene, flowchart, comparison, framework, timeline) × Style × Palette (macaron, warm, neon).
  • Hard-gates generation behind one confirmation step (type / density / style / palette / language), saves outline.md plus a per-image prompt file (prompts/NN-type-slug.md), then batch-renders.
  • Inserts finished images as ![description](imgs/01-infographic-....png) right after the matching paragraph.
  • Guardrails: never substitutes SVG/HTML/Canvas for raster output, and never patches rendered text with ImageMagick/Pillow — it regenerates from a corrected prompt instead.

Who it's for

  • Bloggers, newsletter authors and technical writers who need consistent illustrations at scale.
  • Anyone who wants reproducible, file-based prompt records for comparison and re-rendering.
  • Users who already have an image backend: Codex imagegen, Cursor GenerateImage, baoyu-image-gen, etc.

Examples

  1. "Illustrate this article" → per-section density produces a 5-image outline with full prompt files before anything renders.
  2. --preset edu-visual sets type + style + palette in one flag for a tutorial, yielding flowchart visuals of the process.
  3. --ref brand.png --type comparison --palette macaron builds an on-brand side-by-side comparison graphic.

· · · 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-article-illustrator/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)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
↓ Download ZIP
Install in Claude Code

Let Claude do it — paste this into Claude Code

Install the skill I found on AI Skill Mart.
Copy the skills/baoyu-article-illustrator folder from the GitHub repo JimLiu/baoyu-skills into my ~/.claude/skills/baoyu-article-illustrator/.
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-article-illustrator ~/.claude/skills/

⚠ This is a third-party skill. Check the source repository before installing.

  1. Open a terminal.
  2. Clone the repo: git clone https://github.com/JimLiu/baoyu-skills.git
  3. Copy the skill into Claude's skills folder: mkdir -p ~/.claude/skills && cp -r baoyu-skills/skills/baoyu-article-illustrator ~/.claude/skills/
  4. Make sure an image backend is available (install the baoyu-image-gen skill, log in to the Codex CLI, or use Cursor's GenerateImage). Without one, no images can be produced.
  5. Restart Claude Code and ask something like "illustrate this article"; the first run triggers the EXTEND.md setup wizard.
  6. To change defaults later, edit EXTEND.md directly or say "reconfigure baoyu-article-illustrator preferences".
View source on GitHub ↗License: MIT