SuperAPI AI Directory

comic-generator

General & other

View repository

Updated 10-15 22:14

About this skill

Comic Generator (Knowledge Comic Generator)

Convert knowledge content into comic form, supporting multiple styles and layouts.

Features

  • 📚 Content analysis: Automatically analyzes content type and recommends style
  • 🎭 Character generation: Automatically generates character designs based on content
  • 📖 Storyboard design: Intelligent pagination and panel layout
  • 🎨 Multi-style support: 9 preset styles
  • 📐 Multi-layout support: 6 page layouts
  • 🔄 Single-page modification: Supports regenerating, adding, and deleting pages

Usage

# 基础用法
/comic-generator article.md
Specify style

/comic-generator article.md --style ohmsha

Specify layout

/comic-generator article.md --style classic --layout cinematic

Specify aspect ratio

/comic-generator article.md --aspect 4:3


## 9 种漫画风格

| 风格 | 说明 | 适用内容 |
|------|------|---------|
| classic | Ligne Claire 传统欧漫 | 人物传记、历史 |
| ohmsha | 日式教程漫画(哆啦A梦风) | 技术教程、科普 |
| dramatic | 戏剧性高对比 | 冲突、转折点 |
| warm | 温暖柔和 | 个人故事、成长 |
| sepia | 复古棕褐色调 | 历史、回忆 |
| vibrant | 鲜艳活泼 | 儿童内容、趣味科普 |
| realistic | 写实风格 | 商业、专业内容 |
| wuxia | 武侠水墨风 | 武侠、中国历史 |
| shoujo | 少女漫画风 | 情感、校园 |

## 6 种页面布局

| 布局 | 分镜数 | 说明 |
|------|-------|------|
| standard | 4-6 | 标准网格,通用 |
| cinematic | 3-4 | 电影感宽幅 |
| dense | 6-9 | 密集信息 |
| splash | 1-2 | 全页大图 |
| mixed | 3-6 | 混合大小 |
| webtoon | 3-5 | 竖向滚动 |

## 3 种比例

| 比例 | 说明 |
|------|------|
| 3:4 | 竖版(默认) |
| 4:3 | 横版 |
| 16:9 | 宽屏 |

## 自动选择逻辑

| 内容信号 | 推荐风格 | 推荐布局 |
|---------|---------|---------|
| 教程、入门、指南 | ohmsha | webtoon |
| 编程、AI、技术 | ohmsha | dense |
| 历史、古代 | sepia | cinematic |
| 个人故事、成长 | warm | standard |
| 冲突、突破 | dramatic | splash |
| 武侠、仙侠 | wuxia | splash |
| 情感、校园 | shoujo | standard |
| 传记 | classic | mixed |

## 工作流程

### Step 1: 内容分析

User input content ↓ ┌─────────────────────────┐ │ Analyze content │ │ - Target audience │ │ - Core theme │ │ - Key characters │ │ - Recommended page count (5-25 pages) │ │ - Recommended style + layout │ └─────────────────────────┘ ↓ Output: analysis.md


### Step 2: 角色设计

┌─────────────────────────┐ │ Generate characters │ │ - Protagonist design │ │ - Supporting character design │ │ - Visual specifications │ │ - Character relationship chart │ └─────────────────────────┘ ↓ Output: characters/ ├── characters.md └── characters.png


### Step 3: 分镜设计

┌─────────────────────────┐ │ Generate storyboard │ │ - Cover design │ │ - Storyboard for each page │ │ - Dialogue/narration │ │ - Visual cues │ └─────────────────────────┘ ↓ Output: storyboard.md


### Step 4: 用户确认

提供 3 种变体供选择:
- A: 时间线叙事 + 推荐风格
- B: 主题叙事 + 备选风格
- C: 角色叙事 + 备选风格

### Step 5: 生成图片

┌─────────────────────────┐ │ Batch generation │ │ - Save prompt │ │ - Call image API │ │ - Maintain character consistency │ └─────────────────────────┘ ↓ Output: 00-cover.png, 01-page.png, ...


### Step 6: 合并 PDF

```bash
# 自动合并所有页面为 PDF

Output structure

comic/{topic-slug}/
├── source.md              # 源内容
├── analysis.md            # 内容分析
├── characters/
│   ├── characters.md      # 角色规范
│   └── characters.png     # 角色参考图
├── storyboard.md          # 分镜脚本
├── prompts/
│   ├── 00-cover.md
│   └── NN-page-{slug}.md
├── 00-cover.png           # 封面
├── 01-page-{slug}.png     # 内容页
├── ...
└── {topic-slug}.pdf       # 最终 PDF

Page modification

Regenerate a single page

/comic-generator regenerate comic/turing-story/ --page 03

Add a new page

/comic-generator add comic/turing-story/ --after 03 --content "新增内容描述"

Delete a page

/comic-generator delete comic/turing-story/ --page 05

Call shared-lib

import sys
sys.path.insert(0, str(Path.home() / '.claude' / 'skills' / 'shared-lib'))

from illustration import IllustrationGenerator

gen = IllustrationGenerator()
# 使用 comic 专用风格生成

Ohmsha style special notes

When using --style ohmsha :

By default, use Doraemon characters:

  • Nobita: learner role
  • Doraemon: mentor role, uses gadgets to explain concepts
  • Gian: challenge/obstacle role
  • Shizuka: question/clarification role

Requirements:

  • Must use visual metaphors (gadgets, action scenes)
  • Prohibit "talking heads"-style static dialogue
  • Page titles must be narrative

Differences from baoyu-comic

Feature baoyu-comic comic-generator
Number of Styles 9 types 9 types (same)
Number of Layouts 6 types 6 types (same)
Shared Library Independent Use shared-lib
PDF Merge TypeScript Python
Extensibility EXTEND.md YAML Configuration

Reference Resources

  • references/styles/ - Style Definitions
  • references/layouts/ - Layout Definitions
  • references/storyboard-template.md - Storyboard Templates
  • references/character-template.md - Character Templates