baoyu-comic

17
0
Source

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

Install

mkdir -p .claude/skills/baoyu-comic && curl -L -o skill.zip "https://mcp.directory/api/skills/download/2002" && unzip -o skill.zip -d .claude/skills/baoyu-comic && rm skill.zip

Installs to .claude/skills/baoyu-comic

About this skill

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

OptionValuesDescription
--artligne-claire (default), manga, realistic, ink-brush, chalkArt style / rendering technique
--toneneutral (default), warm, dramatic, romantic, energetic, vintage, actionMood / atmosphere
--layoutstandard (default), cinematic, dense, splash, mixed, webtoonPanel arrangement
--aspect3:4 (default, portrait), 4:3 (landscape), 16:9 (widescreen)Page aspect ratio
--langauto (default), zh, en, ja, etc.Output language

Partial Workflow Options

OptionDescription
--storyboard-onlyGenerate storyboard only, skip prompts and images
--prompts-onlyGenerate storyboard + prompts, skip images
--images-onlyGenerate images from existing prompts directory
--regenerate NRegenerate 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:

PresetEquivalentSpecial Rules
--style ohmsha--art manga --tone neutralVisual metaphors, NO talking heads, gadget reveals
--style wuxia--art ink-brush --tone actionQi effects, combat visuals, atmospheric elements
--style shoujo--art manga --tone romanticDecorative elements, eye details, romantic beats

Compatibility Matrix

Art Style✓✓ Best✓ Works✗ Avoid
ligne-claireneutral, warmdramatic, vintage, energeticromantic, action
manganeutral, romantic, energetic, actionwarm, dramaticvintage
realisticneutral, warm, dramatic, vintageactionromantic, energetic
ink-brushneutral, dramatic, action, vintagewarmromantic, energetic
chalkneutral, warm, energeticvintagedramatic, action, romantic

Details: references/auto-selection.md

Auto Selection

Content signals determine default art + tone + layout (or preset):

Content SignalsRecommended
Tutorial, how-to, programming, educationalohmsha preset
Pre-1950, classical, ancientrealistic + vintage
Personal story, mentorligne-claire + warm
Martial arts, wuxiawuxia preset
Romance, school lifeshoujo preset
Biography, balancedligne-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 {baseDir}
  2. Script path = {baseDir}/scripts/<script-name>.ts
  3. Replace all {baseDir} in this document with the actual path
  4. Resolve ${BUN_X} runtime: if bun installed → bun; if npx available → npx -y bun; else suggest installing bun

Script Reference:

ScriptPurpose
scripts/merge-to-pdf.tsMerge 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:

FileDescription
source-{slug}.{ext}Source files
analysis.mdContent analysis
storyboard.mdStoryboard with panel breakdown
characters/characters.mdCharacter definitions
characters/characters.pngCharacter reference sheet
prompts/NN-{cover|page}-[slug].mdGeneration prompts
NN-{cover|page}-[slug].pngGenerated images
{topic-slug}.pdfFinal 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

StepActionKey Output
1.1Load EXTEND.md preferences ⛔ BLOCKING if not foundConfig loaded
1.2Analyze contentanalysis.md
1.3Check existing directoryHandle conflicts
2Confirm style, focus, audience, reviewsUser preferences
3Generate storyboard + charactersstoryboard.md, characters/
4Review outline (if requested)User approval
5Generate promptsprompts/*.md
6Review prompts (if requested)User approval
7.1Generate character sheet FIRSTcharacters/characters.png
7.2Generate pages with character ref*.png files
8Merge to PDF{slug}.pdf
9Completion reportSummary

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
  • Invoke an installed image generation skill such as baoyu-image-gen
  • Read that skill's SKILL.md and follow its documented interface rather than calling its scripts directly
  • Use characters/characters.md as the prompt-file input
  • Save output to characters/characters.png
  • Use aspect ratio 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 CapabilityStrategy
Supports --refPass characters/characters.png with EVERY page
No --ref supportPrepend 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
  • Invoke the installed image generation skill for each page
  • Use prompts/01-page-xxx.md as the prompt-file input
  • Save output to 01-page-xxx.png
  • Use aspect ratio 3:4
  • If the chosen skill supports reference images, pass characters/characters.png 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.

PathLocation
.baoyu-skills/baoyu-comic/EXTEND.mdProject directory
$HOME/.baoyu-skills/baoyu-comic/EXTEND.mdUser home
ResultAction
FoundRead, parse, display summary → Continue
Not foundBLOCKING: Run first-time setup ONLY (references/config/first-time-setup.md) → C

Content truncated.

baoyu-compress-image

JimLiu

Compresses images to WebP (default) or PNG with automatic tool selection. Use when user asks to "compress image", "optimize image", "convert to webp", or reduce image file size.

225

baoyu-xhs-images

JimLiu

Generates Xiaohongshu (Little Red Book) infographic series with 10 visual styles and 8 layouts. Breaks content into 1-10 cartoon-style images optimized for XHS engagement. Use when user mentions "小红书图片", "XHS images", "RedNote infographics", "小红书种草", or wants social media infographics for Chinese platforms.

344

baoyu-image-gen

JimLiu

AI image generation with OpenAI, Google and DashScope APIs. Supports text-to-image, reference images, aspect ratios. Sequential by default; parallel generation available on request. Use when user asks to generate, create, or draw images.

241

baoyu-article-illustrator

JimLiu

Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type × Style two-dimension approach. Use when user asks to "illustrate article", "add images", "generate images for article", or "为文章配图".

281

baoyu-slide-deck

JimLiu

Generates professional slide deck images from content. Creates outlines with style instructions, then generates individual slide images. Use when user asks to "create slides", "make a presentation", "generate deck", "slide deck", or "PPT".

260

baoyu-url-to-markdown

JimLiu

Fetch any URL and convert to markdown using Chrome CDP. Supports two modes - auto-capture on page load, or wait for user signal (for pages requiring login). Use when user wants to save a webpage as markdown.

240

You might also like

flutter-development

aj-geddes

Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.

643969

drawio-diagrams-enhanced

jgtolentino

Create professional draw.io (diagrams.net) diagrams in XML format (.drawio files) with integrated PMP/PMBOK methodologies, extensive visual asset libraries, and industry-standard professional templates. Use this skill when users ask to create flowcharts, swimlane diagrams, cross-functional flowcharts, org charts, network diagrams, UML diagrams, BPMN, project management diagrams (WBS, Gantt, PERT, RACI), risk matrices, stakeholder maps, or any other visual diagram in draw.io format. This skill includes access to custom shape libraries for icons, clipart, and professional symbols.

591705

ui-ux-pro-max

nextlevelbuilder

"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient."

318398

godot

bfollington

This skill should be used when working on Godot Engine projects. It provides specialized knowledge of Godot's file formats (.gd, .tscn, .tres), architecture patterns (component-based, signal-driven, resource-based), common pitfalls, validation tools, code templates, and CLI workflows. The `godot` command is available for running the game, validating scripts, importing resources, and exporting builds. Use this skill for tasks involving Godot game development, debugging scene/resource files, implementing game systems, or creating new Godot components.

339397

nano-banana-pro

garg-aayush

Generate and edit images using Google's Nano Banana Pro (Gemini 3 Pro Image) API. Use when the user asks to generate, create, edit, modify, change, alter, or update images. Also use when user references an existing image file and asks to modify it in any way (e.g., "modify this image", "change the background", "replace X with Y"). Supports both text-to-image generation and image-to-image editing with configurable resolution (1K default, 2K, or 4K for high resolution). DO NOT read the image file first - use this skill directly with the --input-image parameter.

451339

fastapi-templates

wshobson

Create production-ready FastAPI projects with async patterns, dependency injection, and comprehensive error handling. Use when building new FastAPI applications or setting up backend API projects.

304231

Stay ahead of the MCP ecosystem

Get weekly updates on new skills and servers.