Agent skill

baoyu-comic

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".

Stars 129
Forks 41

Install this agent skill to your Project

npx add-skill https://github.com/zephyrwang6/myskill/tree/main/baoyu-comic

SKILL.md

Knowledge Comic Creator

Create original knowledge comics with flexible art style × tone combinations.

Usage

bash
/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:

  1. Determine this SKILL.md file's directory path as SKILL_DIR
  2. Script path = ${SKILL_DIR}/scripts/<script-name>.ts
  3. 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:

  1. --lang flag (explicit)
  2. EXTEND.md language setting
  3. User's conversation language
  4. 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 ⚠️ 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] ─┬─ 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 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:

  • Backup rule: If characters/characters.png exists, rename to characters/characters-backup-YYYYMMDD-HHMMSS.png
bash
# 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

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
bash
# 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 ⛔ 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)
  • 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

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 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

Expand your agent's capabilities with these related and highly-rated skills.

zephyrwang6/myskill

start-work

每日工作启动助手。读取Obsidian收件箱、计划文件,提醒今日待办,询问内容创作计划,展示周计划进度,调用热点采集。触发词:"开始工作"、"开启新一天"、"今天做什么"。帮助用户快速进入高效工作状态。

129 41
Explore
zephyrwang6/myskill

doc-coauthoring

Guide users through a structured workflow for co-authoring documentation, articles, or long-form content. Use when user wants to write documentation, proposals, articles, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting articles, or using "co-authoring" workflow.

129 41
Explore
zephyrwang6/myskill

mem-query

AI个人记忆系统的记忆查询功能。检索各层级记忆文件,综合多层级信息回答用户问题。使用场景:(1) 用户问"我的记忆中关于XXX"时;(2) 用户询问自己的习惯/偏好/价值观时;(3) 需要基于用户历史提供建议时。该skill会自动检索L1-L4各层级,引用来源,给出基于记忆的个性化回答。

129 41
Explore
zephyrwang6/myskill

article-review

根据原文内容撰写深度文章评价/解读。当用户提供一篇文章、博客、公众号文章或任何长文内容,并要求生成评价、解读、读后感或二次创作内容时使用此技能。适用于:(1) 对技术文章、行业分析、年终总结等进行深度解读,(2) 提炼文章核心观点并用通俗语言重新表达,(3) 为社交媒体传播生成二次内容。

129 41
Explore
zephyrwang6/myskill

mem-record

AI个人记忆系统的记忆记录功能。自动从对话中提炼关键信息并记录到相应层级。使用场景:(1) 用户说"记录到记忆系统"、"记住这个"、"把这次对话记下来"时;(2) 检测到重要事件、决策、偏好表达时;(3) 用户完成重要任务或做出决策时。该skill会自动判断应该记录到L1情境层、L2行为层、L3认知层,还是建议更新L4核心层。

129 41
Explore
zephyrwang6/myskill

remotion-video

使用 Remotion 框架以编程方式创建视频。Remotion 让你用 React 组件定义视频内容,支持动画、字幕、音乐可视化、3D 视频、教程讲解视频等。适用于程序化视频、批量生成、数据驱动视频、音乐可视化、自动字幕等场景。

129 41
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results