Knowledge Comic Creator
Create original knowledge comics with multiple visual styles.
Usage
/baoyu-comic posts/turing-story/source.md
/baoyu-comic posts/turing-story/source.md --style dramatic --layout cinematic
/baoyu-comic # then paste content
Options
| Option |
Values |
--style |
classic (default), dramatic, warm, tech, sepia, vibrant, ohmsha |
--layout |
standard (default), cinematic, dense, splash, mixed, webtoon |
Style × Layout can be freely combined.
Auto Selection
| Content Signals |
Style |
Layout |
| Tutorial, how-to, beginner |
ohmsha |
webtoon |
| Computing, AI, programming |
tech |
dense |
| Pre-1950, classical, ancient |
sepia |
cinematic |
| Personal story, mentor |
warm |
standard |
| Conflict, breakthrough |
dramatic |
splash |
| Biography, balanced |
classic |
mixed |
File Structure
[target]/
├── outline.md
├── characters/
│ ├── characters.md # Character definitions
│ └── characters.png # Character reference sheet
├── prompts/
│ ├── 00-cover.md
│ └── XX-page.md
├── 00-cover.png
└── XX-page.png
Target directory:
- With source path:
[source-dir]/comic/
- Without source:
comic-outputs/YYYY-MM-DD/[topic-slug]/
Workflow
Step 1: Analyze Content
- Read source content
- Select style (from
--style or auto-detect)
- Select layout (from
--layout or auto-detect per page)
- Determine page count:
- Short story: 5-8 pages
- Medium complexity: 9-15 pages
- Full biography: 16-25 pages
Step 2: Define Characters
Purpose: Establish visual consistency across all pages.
- Extract all characters from content (protagonist, supporting, antagonist, narrator)
- Create
characters/characters.md with visual specs for each character
- Generate
characters/characters.png (character reference sheet)
Reference: references/character-template.md for detailed format and examples.
Step 3: Generate Outline
Create outline.md with:
- Metadata (title, style, layout, page count, character reference path)
- Cover design
- Each page: layout, panel breakdown, visual prompts
Reference: references/outline-template.md for detailed format.
Step 4: Generate Images
For each page (cover + pages):
- Save prompt to
prompts/XX-page.md
- Call image generation skill with:
- Base prompt:
references/base-prompt.md
- Character reference (text or image, depending on skill capability)
- Page prompt
- Output path
Image Generation Skill Selection:
- Check available image generation skills in the environment
- Adapt parameters based on skill capabilities:
- If supports
--promptfiles: pass prompt files
- If supports reference image: pass
characters/characters.png
- If text-only: concatenate prompts into single text
- If multiple skills available, ask user preference
- Report progress after each generation
Step 5: Completion Report
Comic Complete!
Title: [title] | Style: [style] | Pages: [count]
Location: [path]
✓ characters.png
✓ 00-cover.png ... XX-page.png
Style-Specific Guidelines
Ohmsha Style (--style ohmsha)
Additional requirements for educational manga:
- Default characters: Student (大雄), Mentor (哆啦A梦), Antagonist (胖虎)
- Custom:
--characters "Student:小明,Mentor:教授"
- Must use visual metaphors (gadgets, action scenes) - NO talking heads
- Page titles: narrative style, not "Page X: Topic"
Reference: references/ohmsha-guide.md for detailed guidelines.
References
Detailed templates and guidelines in references/ directory:
character-template.md - Character definition format and examples
outline-template.md - Outline structure and panel breakdown
ohmsha-guide.md - Ohmsha manga style specifics
styles/ - Detailed style definitions
layouts/ - Detailed layout definitions
1---2name: baoyu-comic3description: Knowledge comic creator supporting multiple styles (Logicomix/Ligne Claire, Ohmsha manga guide). 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---56# Knowledge Comic Creator78Create original knowledge comics with multiple visual styles.910## Usage1112```bash13/baoyu-comic posts/turing-story/source.md14/baoyu-comic posts/turing-story/source.md --style dramatic --layout cinematic15/baoyu-comic # then paste content16```1718## Options1920| Option | Values |21|--------|--------|22| `--style` | classic (default), dramatic, warm, tech, sepia, vibrant, ohmsha |23| `--layout` | standard (default), cinematic, dense, splash, mixed, webtoon |2425Style × Layout can be freely combined.2627## Auto Selection2829| Content Signals | Style | Layout |30|-----------------|-------|--------|31| Tutorial, how-to, beginner | ohmsha | webtoon |32| Computing, AI, programming | tech | dense |33| Pre-1950, classical, ancient | sepia | cinematic |34| Personal story, mentor | warm | standard |35| Conflict, breakthrough | dramatic | splash |36| Biography, balanced | classic | mixed |3738## File Structure3940```41[target]/42├── outline.md43├── characters/44│ ├── characters.md # Character definitions45│ └── characters.png # Character reference sheet46├── prompts/47│ ├── 00-cover.md48│ └── XX-page.md49├── 00-cover.png50└── XX-page.png51```5253**Target directory**:54- With source path: `[source-dir]/comic/`55- Without source: `comic-outputs/YYYY-MM-DD/[topic-slug]/`5657## Workflow5859### Step 1: Analyze Content60611. Read source content622. Select style (from `--style` or auto-detect)633. Select layout (from `--layout` or auto-detect per page)644. Determine page count:65 - Short story: 5-8 pages66 - Medium complexity: 9-15 pages67 - Full biography: 16-25 pages6869### Step 2: Define Characters7071**Purpose**: Establish visual consistency across all pages.72731. Extract all characters from content (protagonist, supporting, antagonist, narrator)742. Create `characters/characters.md` with visual specs for each character753. Generate `characters/characters.png` (character reference sheet)7677**Reference**: `references/character-template.md` for detailed format and examples.7879### Step 3: Generate Outline8081Create `outline.md` with:82- Metadata (title, style, layout, page count, character reference path)83- Cover design84- Each page: layout, panel breakdown, visual prompts8586**Reference**: `references/outline-template.md` for detailed format.8788### Step 4: Generate Images8990For each page (cover + pages):91921. Save prompt to `prompts/XX-page.md`932. Call image generation skill with:94 - Base prompt: `references/base-prompt.md`95 - Character reference (text or image, depending on skill capability)96 - Page prompt97 - Output path9899**Image Generation Skill Selection**:100- Check available image generation skills in the environment101- Adapt parameters based on skill capabilities:102 - If supports `--promptfiles`: pass prompt files103 - If supports reference image: pass `characters/characters.png`104 - If text-only: concatenate prompts into single text105- If multiple skills available, ask user preference1061073. Report progress after each generation108109### Step 5: Completion Report110111```112Comic Complete!113Title: [title] | Style: [style] | Pages: [count]114Location: [path]115✓ characters.png116✓ 00-cover.png ... XX-page.png117```118119## Style-Specific Guidelines120121### Ohmsha Style (`--style ohmsha`)122123Additional requirements for educational manga:124- Default characters: Student (大雄), Mentor (哆啦A梦), Antagonist (胖虎)125- Custom: `--characters "Student:小明,Mentor:教授"`126- Must use visual metaphors (gadgets, action scenes) - NO talking heads127- Page titles: narrative style, not "Page X: Topic"128129**Reference**: `references/ohmsha-guide.md` for detailed guidelines.130131## References132133Detailed templates and guidelines in `references/` directory:134- `character-template.md` - Character definition format and examples135- `outline-template.md` - Outline structure and panel breakdown136- `ohmsha-guide.md` - Ohmsha manga style specifics137- `styles/` - Detailed style definitions138- `layouts/` - Detailed layout definitions