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 |
Art style / rendering technique |
--tone |
neutral (default), warm, dramatic, romantic, energetic, vintage, action |
Mood / atmosphere |
--layout |
standard (default), cinematic, dense, splash, mixed, webtoon |
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 |
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 |
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 |
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 |
| 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
SKILL_DIR
- Script path =
${SKILL_DIR}/scripts/<script-name>.ts
- Replace all
${SKILL_DIR} in this document with the actual path
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:
--lang flag (explicit)
- EXTEND.md
language setting
- 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, 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 ⚠️ CHARACTER REF REQUIRED
- [ ] 7.1 Generate character sheet FIRST → characters/characters.png
- [ ] 7.2 Generate pages WITH --ref characters/characters.png
- [ ] Step 8: Merge to PDF
- [ ] Step 9: Completion report
Flow
Input → Preferences → 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 |
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 FIRST |
characters/characters.png |
| 7.2 |
Generate pages with character ref |
*.png files |
| 8 |
Merge to PDF |
{slug}.pdf |
| 9 |
Completion report |
Summary |
Step 7: Image Generation ⚠️ CRITICAL
Character reference is MANDATORY for visual consistency.
7.1 Generate character sheet first:
# Use Reference Sheet Prompt from characters/characters.md
npx -y bun ${SKILL_DIR}/../baoyu-image-gen/scripts/main.ts \
--promptfiles characters/characters.md \
--image characters/characters.png --ar 4:3
Compress character sheet (recommended):
Compress to reduce token usage when used as reference image:
- Use available image compression skill (if any)
- Or system tools:
pngquant, optipng, sips (macOS)
- Keep PNG format, lossless compression preferred
7.2 Generate each page WITH character reference:
| Skill Capability |
Strategy |
Supports --ref |
Pass characters/characters.png with EVERY page |
No --ref support |
Prepend character descriptions to EVERY prompt file |
# Example: ALWAYS include --ref for consistency
npx -y bun ${SKILL_DIR}/../baoyu-image-gen/scripts/main.ts \
--promptfiles prompts/01-page-xxx.md \
--image 01-page-xxx.png --ar 3:4 \
--ref characters/characters.png
Full workflow details: references/workflow.md
EXTEND.md Paths
| Path |
Location |
.baoyu-skills/baoyu-comic/EXTEND.md |
Project directory |
$HOME/.baoyu-skills/baoyu-comic/EXTEND.md |
User home |
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)
references/tones/ - Tones (neutral, warm, dramatic, romantic, energetic, vintage, action)
references/presets/ - Presets with special rules (ohmsha, wuxia, shoujo)
references/layouts/ - Layouts (standard, cinematic, dense, splash, mixed, webtoon)
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
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 MUST be generated before pages - ensures consistency
- Step 7.2 EVERY page MUST reference characters - use
--ref or embed descriptions
- Watermark/language configured once in EXTEND.md
1---2name: baoyu-comic3description: 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".4---5
6# Knowledge Comic Creator
7
8Create original knowledge comics with flexible art style × tone combinations.
9
10## Usage
11
12```bash
13/baoyu-comic posts/turing-story/source.md
14/baoyu-comic article.md --art manga --tone warm
15/baoyu-comic # then paste content
16```
17
18## Options
19
20### Visual Dimensions
21
22| Option | Values | Description |
23|--------|--------|-------------|
24| `--art` | ligne-claire (default), manga, realistic, ink-brush, chalk | Art style / rendering technique |
25| `--tone` | neutral (default), warm, dramatic, romantic, energetic, vintage, action | Mood / atmosphere |
26| `--layout` | standard (default), cinematic, dense, splash, mixed, webtoon | Panel arrangement |
27| `--aspect` | 3:4 (default, portrait), 4:3 (landscape), 16:9 (widescreen) | Page aspect ratio |
28| `--lang` | auto (default), zh, en, ja, etc. | Output language |
29
30### Partial Workflow Options
31
32| Option | Description |
33|--------|-------------|
34| `--storyboard-only` | Generate storyboard only, skip prompts and images |
35| `--prompts-only` | Generate storyboard + prompts, skip images |
36| `--images-only` | Generate images from existing prompts directory |
37| `--regenerate N` | Regenerate specific page(s) only (e.g., `3` or `2,5,8`) |
38
39Details: [references/partial-workflows.md](references/partial-workflows.md)
40
41### Art Styles (画风)
42
43| Style | 中文 | Description |
44|-------|------|-------------|
45| `ligne-claire` | 清线 | Uniform lines, flat colors, European comic tradition (Tintin, Logicomix) |
46| `manga` | 日漫 | Large eyes, manga conventions, expressive emotions |
47| `realistic` | 写实 | Digital painting, realistic proportions, sophisticated |
48| `ink-brush` | 水墨 | Chinese brush strokes, ink wash effects |
49| `chalk` | 粉笔 | Chalkboard aesthetic, hand-drawn warmth |
50
51### Tones (基调)
52
53| Tone | 中文 | Description |
54|------|------|-------------|
55| `neutral` | 中性 | Balanced, rational, educational |
56| `warm` | 温馨 | Nostalgic, personal, comforting |
57| `dramatic` | 戏剧 | High contrast, intense, powerful |
58| `romantic` | 浪漫 | Soft, beautiful, decorative elements |
59| `energetic` | 活力 | Bright, dynamic, exciting |
60| `vintage` | 复古 | Historical, aged, period authenticity |
61| `action` | 动作 | Speed lines, impact effects, combat |
62
63### Preset Shortcuts
64
65Presets with special rules beyond art+tone:
66
67| Preset | Equivalent | Special Rules |
68|--------|-----------|---------------|
69| `--style ohmsha` | `--art manga --tone neutral` | Visual metaphors, NO talking heads, gadget reveals |
70| `--style wuxia` | `--art ink-brush --tone action` | Qi effects, combat visuals, atmospheric elements |
71| `--style shoujo` | `--art manga --tone romantic` | Decorative elements, eye details, romantic beats |
72
73### Compatibility Matrix
74
75| Art Style | ✓✓ Best | ✓ Works | ✗ Avoid |
76|-----------|---------|---------|---------|
77| ligne-claire | neutral, warm | dramatic, vintage, energetic | romantic, action |
78| manga | neutral, romantic, energetic, action | warm, dramatic | vintage |
79| realistic | neutral, warm, dramatic, vintage | action | romantic, energetic |
80| ink-brush | neutral, dramatic, action, vintage | warm | romantic, energetic |
81| chalk | neutral, warm, energetic | vintage | dramatic, action, romantic |
82
83Details: [references/auto-selection.md](references/auto-selection.md)
84
85## Auto Selection
86
87Content signals determine default art + tone + layout (or preset):
88
89| Content Signals | Recommended |
90|-----------------|-------------|
91| Tutorial, how-to, programming, educational | **ohmsha** preset |
92| Pre-1950, classical, ancient | realistic + vintage |
93| Personal story, mentor | ligne-claire + warm |
94| Martial arts, wuxia | **wuxia** preset |
95| Romance, school life | **shoujo** preset |
96| Biography, balanced | ligne-claire + neutral |
97
98**When preset is recommended**: Load `references/presets/{preset}.md` and apply all special rules.
99
100Details: [references/auto-selection.md](references/auto-selection.md)
101
102## Script Directory
103
104**Important**: All scripts are located in the `scripts/` subdirectory of this skill.
105
106**Agent Execution Instructions**:
1071. Determine this SKILL.md file's directory path as `SKILL_DIR`
1082. Script path = `${SKILL_DIR}/scripts/<script-name>.ts`
1093. Replace all `${SKILL_DIR}` in this document with the actual path
110
111**Script Reference**:
112| Script | Purpose |
113|--------|---------|
114| `scripts/merge-to-pdf.ts` | Merge comic pages into PDF |
115
116## File Structure
117
118Output directory: `comic/{topic-slug}/`
119- Slug: 2-4 words kebab-case from topic (e.g., `alan-turing-bio`)
120- Conflict: append timestamp (e.g., `turing-story-20260118-143052`)
121
122**Contents**:
123| File | Description |
124|------|-------------|
125| `source-{slug}.{ext}` | Source files |
126| `analysis.md` | Content analysis |
127| `storyboard.md` | Storyboard with panel breakdown |
128| `characters/characters.md` | Character definitions |
129| `characters/characters.png` | Character reference sheet |
130| `prompts/NN-{cover\|page}-[slug].md` | Generation prompts |
131| `NN-{cover\|page}-[slug].png` | Generated images |
132| `{topic-slug}.pdf` | Final merged PDF |
133
134## Language Handling
135
136**Detection Priority**:
1371. `--lang` flag (explicit)
1382. EXTEND.md `language` setting
1393. User's conversation language
1404. Source content language
141
142**Rule**: Use user's input language or saved language preference for ALL interactions:
143- Storyboard outlines and scene descriptions
144- Image generation prompts
145- User selection options and confirmations
146- Progress updates, questions, errors, summaries
147
148Technical terms remain in English.
149
150## Workflow
151
152### Progress Checklist
153
154```
155Comic Progress:
156- [ ] Step 1: Setup & Analyze (1.1 Preferences, 1.2 Analyze, 1.3 Check existing)
157- [ ] Step 2: Confirmation - Style & options ⚠️ REQUIRED
158- [ ] Step 3: Generate storyboard + characters
159- [ ] Step 4: Review outline (conditional)
160- [ ] Step 5: Generate prompts
161- [ ] Step 6: Review prompts (conditional)
162- [ ] Step 7: Generate images ⚠️ CHARACTER REF REQUIRED
163 - [ ] 7.1 Generate character sheet FIRST → characters/characters.png
164 - [ ] 7.2 Generate pages WITH --ref characters/characters.png
165- [ ] Step 8: Merge to PDF
166- [ ] Step 9: Completion report
167```
168
169### Flow
170
171```
172Input → Preferences → Analyze → [Check Existing?] → [Confirm: Style + Reviews] → Storyboard → [Review?] → Prompts → [Review?] → Images → PDF → Complete
173```
174
175### Step Summary
176
177| Step | Action | Key Output |
178|------|--------|------------|
179| 1.1 | Load EXTEND.md preferences | Config loaded |
180| 1.2 | Analyze content | `analysis.md` |
181| 1.3 | Check existing directory | Handle conflicts |
182| 2 | Confirm style, focus, audience, reviews | User preferences |
183| 3 | Generate storyboard + characters | `storyboard.md`, `characters/` |
184| 4 | Review outline (if requested) | User approval |
185| 5 | Generate prompts | `prompts/*.md` |
186| 6 | Review prompts (if requested) | User approval |
187| **7.1** | **Generate character sheet FIRST** | `characters/characters.png` |
188| **7.2** | Generate pages **with character ref** | `*.png` files |
189| 8 | Merge to PDF | `{slug}.pdf` |
190| 9 | Completion report | Summary |
191
192### Step 7: Image Generation ⚠️ CRITICAL
193
194**Character reference is MANDATORY for visual consistency.**
195
196**7.1 Generate character sheet first**:
197```bash
198# Use Reference Sheet Prompt from characters/characters.md
199npx -y bun ${SKILL_DIR}/../baoyu-image-gen/scripts/main.ts \
200 --promptfiles characters/characters.md \
201 --image characters/characters.png --ar 4:3
202```
203
204**Compress character sheet** (recommended):
205Compress to reduce token usage when used as reference image:
206- Use available image compression skill (if any)
207- Or system tools: `pngquant`, `optipng`, `sips` (macOS)
208- **Keep PNG format**, lossless compression preferred
209
210**7.2 Generate each page WITH character reference**:
211
212| Skill Capability | Strategy |
213|------------------|----------|
214| Supports `--ref` | Pass `characters/characters.png` with EVERY page |
215| No `--ref` support | Prepend character descriptions to EVERY prompt file |
216
217```bash
218# Example: ALWAYS include --ref for consistency
219npx -y bun ${SKILL_DIR}/../baoyu-image-gen/scripts/main.ts \
220 --promptfiles prompts/01-page-xxx.md \
221 --image 01-page-xxx.png --ar 3:4 \
222 --ref characters/characters.png
223```
224
225**Full workflow details**: [references/workflow.md](references/workflow.md)
226
227### EXTEND.md Paths
228
229| Path | Location |
230|------|----------|
231| `.baoyu-skills/baoyu-comic/EXTEND.md` | Project directory |
232| `$HOME/.baoyu-skills/baoyu-comic/EXTEND.md` | User home |
233
234**EXTEND.md Supports**: Watermark | Preferred art/tone/layout | Custom style definitions | Character presets | Language preference
235
236Schema: [references/config/preferences-schema.md](references/config/preferences-schema.md)
237
238## References
239
240**Core Templates**:
241- [analysis-framework.md](references/analysis-framework.md) - Deep content analysis
242- [character-template.md](references/character-template.md) - Character definition format
243- [storyboard-template.md](references/storyboard-template.md) - Storyboard structure
244- [ohmsha-guide.md](references/ohmsha-guide.md) - Ohmsha manga specifics
245
246**Style Definitions**:
247- `references/art-styles/` - Art styles (ligne-claire, manga, realistic, ink-brush, chalk)
248- `references/tones/` - Tones (neutral, warm, dramatic, romantic, energetic, vintage, action)
249- `references/presets/` - Presets with special rules (ohmsha, wuxia, shoujo)
250- `references/layouts/` - Layouts (standard, cinematic, dense, splash, mixed, webtoon)
251
252**Workflow**:
253- [workflow.md](references/workflow.md) - Full workflow details
254- [auto-selection.md](references/auto-selection.md) - Content signal analysis
255- [partial-workflows.md](references/partial-workflows.md) - Partial workflow options
256
257**Config**:
258- [config/preferences-schema.md](references/config/preferences-schema.md) - EXTEND.md schema
259- [config/first-time-setup.md](references/config/first-time-setup.md) - First-time setup
260- [config/watermark-guide.md](references/config/watermark-guide.md) - Watermark configuration
261
262## Notes
263
264- Image generation: 10-30 seconds per page
265- Auto-retry once on generation failure
266- Use stylized alternatives for sensitive public figures
267- Maintain style consistency via session ID
268- **Step 2 confirmation required** - do not skip
269- **Steps 4/6 conditional** - only if user requested in Step 2
270- **Step 7.1 character sheet MUST be generated before pages** - ensures consistency
271- **Step 7.2 EVERY page MUST reference characters** - use `--ref` or embed descriptions
272- Watermark/language configured once in EXTEND.md