baoyu-comic
Verifiedby JimLiu · Updated Apr 16, 2026
Knowledge comic creator supporting multiple art styles and tones. Creates original educational comics with detailed panel layouts and sequential image generation. Use when user asks to create "知识漫画", "教育漫画", "biography comic", "tutorial comic", or "Logicomix-style comic".
See It In Action
Now I have a clear picture of the bio and the onboarding context. Let me build a comic as an HTML file (easy to open in a browser and save/print as PDF for the Notion page).
The file looks good. Here's what I created:
susan-kare-comic.html — The Pixel Pioneer
A 12-panel comic strip telling Susan Kare's story, ready for tomorrow's onboarding. Here's the panel breakdown:
| Panel | Scene |
|---|---|
| 1 | Apple HQ 1983 — Hertzfeld asks the fine-arts PhD to make computers "friendly" |
| 2 | Kare's thought bubble about medieval icons + her $2.50 graph-paper sketchbook (with a tiny pixel sketch drawn on it) |
| 3 | Full-width constraint banner: 32×32 pixels, black & white, no anti-aliasing |
| 4 | The Happy Mac icon (CSS-drawn mini Mac with a smiley screen) |
| 5 | The Trash Can icon (CSS-drawn metal can with lid & lines) |
| 6 | The visual vocabulary — lasso, paintbrush, hand, watch |
| 7 | The ⌘ Command Key story — Jobs rejects the Apple logo, Kare finds the Swedish campground symbol |
| 8 | The Mac's first fonts: Chicago, Geneva, Monaco, Cairo |
| 9 | Windows Solitaire cards — teaching drag-and-drop to a generation |
| 10 | Career arc: IBM, Facebook, Pinterest |
| 11 | MoMA frame with pixel art + AIGA Medal callout |
| 12 | The moral: "Great design doesn't need high resolution — it needs clear thinking." |
How to use it:
- Open
susan-kare-comic.htmlin any browser - Print/Save as PDF (Ctrl/Cmd+P → Save as PDF) for the Notion onboarding page — it has print-friendly styles built in
- Everything is in English and SFW — no external images, just CSS-drawn illustrations and a Google Fonts import for the comic lettering
External Tools
| Tool | Type |
|---|---|
| bun | binary |
| npx | binary |
Permissions
| Scope | Description |
|---|---|
| filesystem:read | |
| filesystem:write | |
| process:spawn |
SKILL.md
Knowledge Comic Creator
Create original knowledge comics with flexible art style × tone combinations.
Usage
/baoyu-comic posts/turing-story/source.md
/baoyu-comic article.md --art manga --tone warm
/baoyu-comic # then paste content
Options
Visual Dimensions
| Option | Values | Description |
|---|---|---|
--art | ligne-claire (default), manga, realistic, ink-brush, chalk, minimalist | Art style / rendering technique |
--tone | neutral (default), warm, dramatic, romantic, energetic, vintage, action | Mood / atmosphere |
--layout | standard (default), cinematic, dense, splash, mixed, webtoon, four-panel | Panel arrangement |
--aspect | 3:4 (default, portrait), 4:3 (landscape), 16:9 (widescreen) | Page aspect ratio |
--lang | auto (default), zh, en, ja, etc. | Output language |
Partial Workflow Options
| Option | Description |
|---|---|
--storyboard-only | Generate storyboard only, skip prompts and images |
--prompts-only | Generate storyboard + prompts, skip images |
--images-only | Generate images from existing prompts directory |
--regenerate N | Regenerate specific page(s) only (e.g., 3 or 2,5,8) |
Details: references/partial-workflows.md
Art Styles (画风)
| Style | 中文 | Description |
|---|---|---|
ligne-claire | 清线 | Uniform lines, flat colors, European comic tradition (Tintin, Logicomix) |
manga | 日漫 | Large eyes, manga conventions, expressive emotions |
realistic | 写实 | Digital painting, realistic proportions, sophisticated |
ink-brush | 水墨 | Chinese brush strokes, ink wash effects |
chalk | 粉笔 | Chalkboard aesthetic, hand-drawn warmth |
minimalist | 极简 | Clean black line art, limited spot color, stick-figure characters |
Tones (基调)
| Tone | 中文 | Description |
|---|---|---|
neutral | 中性 | Balanced, rational, educational |
warm | 温馨 | Nostalgic, personal, comforting |
dramatic | 戏剧 | High contrast, intense, powerful |
romantic | 浪漫 | Soft, beautiful, decorative elements |
energetic | 活力 | Bright, dynamic, exciting |
vintage | 复古 | Historical, aged, period authenticity |
action | 动作 | Speed lines, impact effects, combat |
Preset Shortcuts
Presets with special rules beyond art+tone:
| Preset | Equivalent | Special Rules |
|---|---|---|
--style ohmsha | --art manga --tone neutral | Visual metaphors, NO talking heads, gadget reveals |
--style wuxia | --art ink-brush --tone action | Qi effects, combat visuals, atmospheric elements |
--style shoujo | --art manga --tone romantic | Decorative elements, eye details, romantic beats |
--style concept-story | --art manga --tone warm | Visual symbol system, growth arc, dialogue+action balance |
--style four-panel | --art minimalist --tone neutral --layout four-panel | 起承转合 4-panel structure, B&W + spot color, stick-figure characters |
Compatibility Matrix
| Art Style | ✓✓ Best | ✓ Works | ✗ Avoid |
|---|---|---|---|
| ligne-claire | neutral, warm | dramatic, vintage, energetic | romantic, action |
| manga | neutral, romantic, energetic, action | warm, dramatic | vintage |
| realistic | neutral, warm, dramatic, vintage | action | romantic, energetic |
| ink-brush | neutral, dramatic, action, vintage | warm | romantic, energetic |
| chalk | neutral, warm, energetic | vintage | dramatic, action, romantic |
| minimalist | neutral | warm, energetic | dramatic, vintage, romantic, action |
Details: references/auto-selection.md
Auto Selection
Content signals determine default art + tone + layout (or preset):
| Content Signals | Recommended |
|---|---|
| Tutorial, how-to, programming, educational | ohmsha preset |
| Pre-1950, classical, ancient | realistic + vintage |
| Personal story, mentor | ligne-claire + warm |
| Martial arts, wuxia | wuxia preset |
| Romance, school life | shoujo preset |
| Psychology, motivation, business narrative | concept-story preset |
| Business allegory, fable, parable, short insight, 四格 | four-panel preset |
| Biography, balanced | ligne-claire + neutral |
When preset is recommended: Load references/presets/{preset}.md and apply all special rules.
Details: references/auto-selection.md
Script Directory
Important: All scripts are located in the scripts/ subdirectory of this skill.
Agent Execution Instructions:
- Determine this SKILL.md file's directory path as
{baseDir} - Script path =
{baseDir}/scripts/<script-name>.ts - Replace all
{baseDir}in this document with the actual path - Resolve
${BUN_X}runtime: ifbuninstalled →bun; ifnpxavailable →npx -y bun; else suggest installing bun
Script Reference:
| Script | Purpose |
|---|---|
scripts/merge-to-pdf.ts | Merge comic pages into PDF |
File Structure
Output directory: comic/{topic-slug}/
- Slug: 2-4 words kebab-case from topic (e.g.,
alan-turing-bio) - Conflict: append timestamp (e.g.,
turing-story-20260118-143052)
Contents:
| File | Description |
|---|---|
source-{slug}.{ext} | Source files |
analysis.md | Content analysis |
storyboard.md | Storyboard with panel breakdown |
characters/characters.md | Character definitions |
characters/characters.png | Character reference sheet |
prompts/NN-{cover|page}-[slug].md | Generation prompts |
NN-{cover|page}-[slug].png | Generated images |
{topic-slug}.pdf | Final merged PDF |
Language Handling
Detection Priority:
--langflag (explicit)- EXTEND.md
languagesetting - User's conversation language
- Source content language
Rule: Use user's input language or saved language preference for ALL interactions:
- Storyboard outlines and scene descriptions
- Image generation prompts
- User selection options and confirmations
- Progress updates, questions, errors, summaries
Technical terms remain in English.
Workflow
Progress Checklist
Comic Progress:
- [ ] Step 1: Setup & Analyze
- [ ] 1.1 Preferences (EXTEND.md) ⛔ BLOCKING
- [ ] Found → load preferences → continue
- [ ] Not found → run first-time setup → MUST complete before other steps
- [ ] 1.2 Analyze, 1.3 Check existing
- [ ] Step 2: Confirmation - Style & options ⚠️ REQUIRED
- [ ] Step 3: Generate storyboard + characters
- [ ] Step 4: Review outline (conditional)
- [ ] Step 5: Generate prompts
- [ ] Step 6: Review prompts (conditional)
- [ ] Step 7: Generate images
- [ ] 7.1 Generate character sheet (if needed) → characters/characters.png
- [ ] 7.2 Generate pages (with --ref if character sheet exists)
- [ ] Step 8: Merge to PDF
- [ ] Step 9: Completion report
Flow
Input → [Preferences] ─┬─ Found → Continue
│
└─ Not found → First-Time Setup ⛔ BLOCKING
│
└─ Complete setup → Save EXTEND.md → Continue
│
┌─────────────────────────────────────────────────────────────────────┘
↓
Analyze → [Check Existing?] → [Confirm: Style + Reviews] → Storyboard → [Review?] → Prompts → [Review?] → Images → PDF → Complete
Step Summary
| Step | Action | Key Output |
|---|---|---|
| 1.1 | Load EXTEND.md preferences ⛔ BLOCKING if not found | Config loaded |
| 1.2 | Analyze content | analysis.md |
| 1.3 | Check existing directory | Handle conflicts |
| 2 | Confirm style, focus, audience, reviews | User preferences |
| 3 | Generate storyboard + characters | storyboard.md, characters/ |
| 4 | Review outline (if requested) | User approval |
| 5 | Generate prompts | prompts/*.md |
| 6 | Review prompts (if requested) | User approval |
| 7.1 | Generate character sheet (if needed) | characters/characters.png |
| 7.2 | Generate pages (with character ref if available) | *.png files |
| 8 | Merge to PDF | {slug}.pdf |
| 9 | Completion report | Summary |
Step 7: Image Generation
7.1 Generate character sheet (conditional):
Character sheet is recommended for multi-page comics with recurring characters, but NOT required for all presets:
| Condition | Action |
|---|---|
| Multi-page comic with detailed characters | Generate character sheet (recommended) |
| Preset with simplified characters (e.g., four-panel minimalist) | Skip — prompt descriptions are sufficient |
| Single-page comic | Skip unless characters are complex |
When generating character sheet:
- Backup rule: If
characters/characters.pngexists, rename tocharacters/characters-backup-YYYYMMDD-HHMMSS.png - Invoke an installed image generation skill such as
baoyu-imagine - Read that skill's
SKILL.mdand follow its documented interface rather than calling its scripts directly - Use
characters/characters.mdas the prompt-file input - Save output to
characters/characters.png - Use aspect ratio
4:3
Compress character sheet (recommended when using as --ref):
- Use available image compression skill (if any)
- Or system tools:
sips -s format jpeg -s formatOptions 80 input.png --out output.jpg(macOS) - Or:
pngquant --quality=65-80 input.png -o output.png - Compression reduces API payload size and avoids
--reffailures
7.2 Generate each page:
| Character Sheet | Skill Capability | Strategy |
|---|---|---|
| Exists | Supports --ref | Pass characters/characters.png with EVERY page |
| Exists | No --ref support | Prepend character descriptions to EVERY prompt file |
| Skipped | — | Prompt file contains all character descriptions inline |
--ref failure recovery: If generation fails with --ref:
- Compress: Convert reference image to JPEG with reduced quality:
sips -s format jpeg -s formatOptions 70 characters.png --out characters-compressed.jpg - Retry with compressed image as
--ref - If still fails: Fall back to generating WITHOUT
--ref(prompt-only, character descriptions embedded in prompt text)
Backup rules for page generation:
- If prompt file exists: rename to
prompts/NN-{cover|page}-[slug]-backup-YYYYMMDD-HHMMSS.md - If image file exists: rename to
NN-{cover|page}-[slug]-backup-YYYYMMDD-HHMMSS.png - Invoke the installed image generation skill for each page
- Use
prompts/01-page-xxx.mdas the prompt-file input - Save output to
01-page-xxx.png - Use aspect ratio from storyboard (default
3:4, preset may override) - If character sheet exists and skill supports reference images, pass as
--ref
Full workflow details: references/workflow.md
EXTEND.md Paths ⛔ BLOCKING
CRITICAL: If EXTEND.md not found, MUST complete first-time setup before ANY other questions or steps. Do NOT proceed to content analysis, do NOT ask about art style, do NOT ask about tone — ONLY complete the preferences setup first.
| Path | Location |
|---|---|
.baoyu-skills/baoyu-comic/EXTEND.md | Project directory |
$HOME/.baoyu-skills/baoyu-comic/EXTEND.md | User home |
| Result | Action |
|---|---|
| Found | Read, parse, display summary → Continue |
| Not found | ⛔ BLOCKING: Run first-time setup ONLY (references/config/first-time-setup.md) → Complete and save EXTEND.md → Then continue |
EXTEND.md Supports: Watermark | Preferred art/tone/layout | Custom style definitions | Character presets | Language preference
Schema: references/config/preferences-schema.md
References
Core Templates:
- analysis-framework.md - Deep content analysis
- character-template.md - Character definition format
- storyboard-template.md - Storyboard structure
- ohmsha-guide.md - Ohmsha manga specifics
Style Definitions:
references/art-styles/- Art styles (ligne-claire, manga, realistic, ink-brush, chalk, minimalist)references/tones/- Tones (neutral, warm, dramatic, romantic, energetic, vintage, action)references/presets/- Presets with special rules (ohmsha, wuxia, shoujo, concept-story, four-panel)references/layouts/- Layouts (standard, cinematic, dense, splash, mixed, webtoon, four-panel)
Workflow:
- workflow.md - Full workflow details
- auto-selection.md - Content signal analysis
- partial-workflows.md - Partial workflow options
Config:
- config/preferences-schema.md - EXTEND.md schema
- config/first-time-setup.md - First-time setup
- config/watermark-guide.md - Watermark configuration
Page Modification
| Action | Steps |
|---|---|
| Edit | Update prompt file FIRST → --regenerate N → Regenerate PDF |
| Add | Create prompt at position → Generate with character ref → Renumber subsequent → Update storyboard → Regenerate PDF |
| Delete | Remove files → Renumber subsequent → Update storyboard → Regenerate PDF |
IMPORTANT: When updating pages, ALWAYS update the prompt file (prompts/NN-{cover|page}-[slug].md) FIRST before regenerating. This ensures changes are documented and reproducible.
Notes
- Image generation: 10-30 seconds per page
- Auto-retry once on generation failure
- Use stylized alternatives for sensitive public figures
- Maintain style consistency via session ID
- Step 2 confirmation required - do not skip
- Steps 4/6 conditional - only if user requested in Step 2
- Step 7.1 character sheet - recommended for multi-page comics, optional for simple presets
- Step 7.2 character reference - use
--refif sheet exists; compress/convert on failure; fall back to prompt-only - Watermark/language configured once in EXTEND.md
FAQ
What does baoyu-comic do?
Knowledge comic creator supporting multiple art styles and tones. Creates original educational comics with detailed panel layouts and sequential image generation. Use when user asks to create "知识漫画", "教育漫画", "biography comic", "tutorial comic", or "Logicomix-style comic".
When should I use baoyu-comic?
Use it when you need a repeatable workflow that produces text report.
What does baoyu-comic output?
In the evaluated run it produced text report.
How do I install or invoke baoyu-comic?
Ask the agent to use this skill when the task matches its documented workflow.
Which agents does baoyu-comic support?
Agent support is inferred from the source, but not explicitly declared.
What tools, channels, or permissions does baoyu-comic need?
It uses bun, npx; channels commonly include text; permissions include filesystem:read, filesystem:write, process:spawn.
Is baoyu-comic safe to install?
Static analysis marked this skill as medium risk; review side effects and permissions before enabling it.
How is baoyu-comic different from an MCP or plugin?
A skill packages instructions and workflow conventions; tools, MCP servers, and plugins are dependencies the skill may call during execution.
Does baoyu-comic outperform not using a skill?
About baoyu-comic
When to use baoyu-comic
When you want to turn an article or outline into a multi-page knowledge comic. When you need storyboard and prompt files for sequential comic image generation. When you want comic pages merged into a final PDF deliverable.
When baoyu-comic is not the right choice
When you only need a single standalone illustration rather than a sequential comic workflow. When no image generation capability is available and you need fully rendered comic pages end-to-end.
What it produces
Produces text report.