Baoyu Article Illustrator

Takes an article and figures out where illustrations would actually help, then generates them with a consistent visual system. You pick a type (infographic, scene, flowchart, etc.) and a style (minimal, blueprint, watercolor), and it analyzes your content to identify positions that need visual support. The workflow is thorough: it reads your preferences from EXTEND.md, confirms settings through a single question block, saves prompts as files before generating anything, and handles metaphors by visualizing the underlying concept instead of literal imagery. Output goes into a structured directory with the original article, outline, prompts, and numbered images ready to drop into your markdown. Good for technical posts, tutorials, or any long-form content where you know images would help but don't want to break flow figuring out what to illustrate.

skills.sh installs: 173
GitHub stars: 102
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add xy121718/baoyu-skills --skill baoyu-article-illustrator --agent claude-code

Installs into .claude/skills of the current project.

Files

Article Illustrator

Analyze articles, identify illustration positions, generate images with Type × Style consistency.

Two Dimensions

Dimension	Controls	Examples
Type	Information structure	infographic, scene, flowchart, comparison, framework, timeline
Style	Visual aesthetics	notion, warm, minimal, blueprint, watercolor, elegant

Combine freely: --type infographic --style blueprint

Types

Type	Best For
`infographic`	Data, metrics, technical
`scene`	Narratives, emotional
`flowchart`	Processes, workflows
`comparison`	Side-by-side, options
`framework`	Models, architecture
`timeline`	History, evolution

Styles

See references/styles.md for Core Styles, full gallery, and Type × Style compatibility.

Workflow

- [ ] Step 1: Pre-check (EXTEND.md, references, config)
- [ ] Step 2: Analyze content
- [ ] Step 3: Confirm settings (AskUserQuestion)
- [ ] Step 4: Generate outline
- [ ] Step 5: Generate images
- [ ] Step 6: Finalize