baoyu-comic について
baoyu-comicは、記事などの内容を知識漫画にするスキルで、情報を視覚的に伝えたい制作者向けです。画風、トーン、レイアウト、言語を選べ、ストーリーボード、プロンプト、画像を段階的に生成できます。
主な機能
- 01複数の画風、トーン、レイアウト
- 02内容に応じたスタイル選択
- 03ストーリーボード、プロンプト、画像の段階生成
- 04キャラクター参照シートによる一貫性維持
- 05指定ページの再生成
活用シーン
- 01チュートリアルやプログラミング記事の漫画化
- 02伝記や個人の物語の漫画制作
- 03言語やレイアウトを選んだ漫画の作成
- 04レビュー用にストーリーボードやプロンプトのみ生成
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ aston1690/ baoyu-comic --skill baoyu-comicインストール後、Claude Code で/baoyu-comicを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
README.mdreferences/analysis-framework.mdauto-selection.mdbase-prompt.mdcharacter-template.mdohmsha-guide.mdpartial-workflows.mdstoryboard-template.mdreferences/art-styles/chalk.mdink-brush.mdligne-claire.mdrealistic.mdmanga.mdreferences/config/first-time-setup.mdwatermark-guide.mdpreferences-schema.mdreferences/layouts/dense.mdcinematic.mdmixed.mdwebtoon.mdsplash.mdstandard.mdreferences/presets/shoujo.mdwuxia.mdohmsha.mdreferences/tones/action.mddramatic.mdneutral.mdenergetic.mdvintage.md詳細
ナレッジコミッククリエイター
アートスタイルとトーンを自由に組み合わせて、オリジナルのナレッジコミックを作成します。
使い方
/baoyu-comic posts/turing-story/source.md
/baoyu-comic article.md --art manga --tone warm
/baoyu-comic # then paste content
オプション
ビジュアルの要素
| オプション | 値 | 説明 |
|---|---|---|
--art | ligne-claire(デフォルト)、manga、realistic、ink-brush、chalk | アートスタイル/描画技法 |
--tone | neutral(デフォルト)、warm、dramatic、romantic、energetic、vintage、action | 雰囲気/ムード |
--layout | standard(デフォルト)、cinematic、dense、splash、mixed、webtoon | コマの配置 |
--aspect | 3:4(デフォルト、縦長)、4:3(横長)、16:9(ワイドスクリーン) | ページのアスペクト比 |
--lang | auto(デフォルト)、zh、en、ja など | 出力言語 |
ワークフローの一部のみ実行するオプション
| オプション | 説明 |
|---|---|
--storyboard-only | ストーリーボードのみを生成し、プロンプトと画像の作成をスキップします |
--prompts-only | ストーリーボードとプロンプトを生成し、画像の作成をスキップします |
--images-only | 既存のプロンプトディレクトリから画像を生成します |
--regenerate N | 指定したページのみを再生成します(例:3 または 2,5,8) |
詳細:references/partial-workflows.md
アートスタイル(画風)
| スタイル | 中文 | 説明 |
|---|---|---|
ligne-claire | 清線 | 均一な線、フラットカラー、ヨーロッパコミックの伝統(Tintin、Logicomix) |
manga | 日漫 | 大きな目、マンガの慣習、表情豊かな感情表現 |
realistic | 写实 | デジタルペインティング、写実的なプロポーション、洗練された表現 |
ink-brush | 水墨 | 中国の筆致、水墨画の効果 |
chalk | 粉笔 | 黒板風の美しさ、手描きの温かみ |
トーン(基調)
| トーン | 中文 | 説明 |
|---|---|---|
neutral | 中性 | バランスが取れた、理性的で教育的な雰囲気 |
warm | 温馨 | 懐かしく、個人的で、心安らぐ雰囲気 |
dramatic | 戏剧 | 強いコントラスト、緊迫感、力強さ |
romantic | 浪漫 | 柔らかく美しい表現、装飾的な要素 |
energetic | 活力 | 明るく、躍動感があり、刺激的 |
vintage | 复古 | 歴史的で、古びた雰囲気、時代考証に忠実 |
action | 动作 | スピード線、衝撃効果、戦闘 |
プリセットのショートカット
アートスタイルとトーン以外の特別なルールがあるプリセット:
| プリセット | 同等の設定 | 特別なルール |
|---|---|---|
--style ohmsha | --art manga --tone neutral | 視覚的な比喩、会話するだけの人物は不可、ガジェットの登場 |
--style wuxia | --art ink-brush --tone action | 気の効果、戦闘の描写、雰囲気を演出する要素 |
--style shoujo | --art manga --tone romantic | 装飾的な要素、目の細かな描写、ロマンチックな展開 |
互換性マトリックス
| アートスタイル | ✓✓ 最適 | ✓ 使用可能 | ✗ 避ける |
|---|---|---|---|
| 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 |
詳細:references/auto-selection.md
自動選択
コンテンツの特徴に基づいて、デフォルトのアートスタイル、トーン、レイアウト(またはプリセット)が決まります。
| コンテンツの特徴 | おすすめ |
|---|---|
| チュートリアル、ハウツー、プログラミング、教育 | ohmsha プリセット |
| 1950年以前、古典、古代 | realistic + vintage |
| 個人的な物語、メンター | ligne-claire + warm |
| 武術、武侠 | wuxia プリセット |
| 恋愛、学園生活 | shoujo プリセット |
| 伝記、バランスの取れた内容 | ligne-claire + neutral |
プリセットがおすすめされる場合:references/presets/{preset}.md を読み込み、すべての特別なルールを適用してください。
詳細:references/auto-selection.md
スクリプトディレクトリ
重要:すべてのスクリプトは、このスキルの scripts/ サブディレクトリにあります。
エージェントの実行手順:
- この SKILL.md ファイルのディレクトリパスを
{baseDir}として特定します - スクリプトのパス =
{baseDir}/scripts/<script-name>.ts - このドキュメント内のすべての
{baseDir}を実際のパスに置き換えます ${BUN_X}ランタイムを解決します:bunがインストールされている場合はbun、npxが利用可能な場合はnpx -y bunを使用し、それ以外の場合は bun のインストールを提案します
スクリプト一覧:
| スクリプト | 目的 |
|---|---|
scripts/merge-to-pdf.ts | コミックのページを PDF に結合 |
ファイル構成
出力ディレクトリ:comic/{topic-slug}/
- スラッグ:トピックから作成した 2~4 語のケバブケース(例:
alan-turing-bio) - 名前が競合する場合:タイムスタンプを追加します(例:
turing-story-20260118-143052)
内容:
| ファイル | 説明 |
|---|---|
source-{slug}.{ext} | ソースファイル |
analysis.md | コンテンツ分析 |
storyboard.md | コマの内訳を含むストーリーボード |
characters/characters.md | キャラクターの定義 |
characters/characters.png | キャラクターのリファレンスシート |
prompts/NN-{cover|page}-[slug].md | 生成プロンプト |
NN-{cover|page}-[slug].png | 生成画像 |
{topic-slug}.pdf | 結合済みの最終 PDF |
言語の扱い
検出の優先順位:
--langフラグ(明示指定)- EXTEND.md の
language設定 - ユーザーの会話言語
- ソースコンテンツの言語
ルール:すべてのやり取りで、ユーザーの入力言語または保存された言語設定を使用します:
- ストーリーボードの概要とシーンの説明
- 画像生成プロンプト
- ユーザーの選択肢と確認
- 進捗状況の更新、質問、エラー、要約
技術用語は英語のままにします。
ワークフロー
進捗チェックリスト
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
フロー
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
ステップの概要
| ステップ | アクション | 主な出力 |
|---|---|---|
| 1.1 | EXTEND.md の設定を読み込む(見つからない場合は⛔ BLOCKING) | 設定を読み込み済み |
| 1.2 | コンテンツを分析する | analysis.md |
| 1.3 | 既存のディレクトリを確認する | 競合に対処 |
| 2 | スタイル、焦点、対象読者、レビューを確認する | ユーザー設定 |
| 3 | ストーリーボードとキャラクターを生成する | storyboard.md、characters/ |
| 4 | 概要をレビューする(リクエストされた場合) | ユーザーの承認 |
| 5 | プロンプトを生成する | prompts/*.md |
| 6 | プロンプトをレビューする(リクエストされた場合) | ユーザーの承認 |
| 7.1 | 最初にキャラクターシートを生成する | characters/characters.png |
| 7.2 | キャラクター参照を使ってページを生成する | *.png ファイル |
| 8 | PDF に結合する | {slug}.pdf |
| 9 | 完了レポート | 要約 |
ステップ 7:画像生成 ⚠️ 重大
ビジュアルの一貫性を保つには、キャラクターのリファレンスが必須です。
7.1 まずキャラクターシートを生成します:
- バックアップルール:
characters/characters.pngが存在する場合は、characters/characters-backup-YYYYMMDD-HHMMSS.pngに名前を変更します baoyu-imagineなど、インストール済みの画像生成スキルを呼び出します- そのスキルの
SKILL.mdを読み、スクリプトを直接呼び出すのではなく、記載されたインターフェースに従います characters/characters.mdをプロンプトファイルの入力として使用します- 出力を
characters/characters.pngに保存します - アスペクト比は
4:3を使用します
キャラクターシートを圧縮します(推奨): リファレンス画像として使用する際のトークン消費を抑えるため、圧縮します:
- 利用可能な画像圧縮スキルがあれば使用します
- またはシステムツール:
pngquant、optipng、sips(macOS) - PNG 形式を維持し、可逆圧縮を優先します
7.2 キャラクターのリファレンスを使用して各ページを生成します:
| スキルの機能 | 方法 |
|---|---|
--ref に対応 | 各ページで characters/characters.png を渡します |
--ref に非対応 | すべてのプロンプトファイルの先頭にキャラクターの説明を追加します |
ページ生成時のバックアップルール:
- プロンプトファイルが存在する場合:
prompts/NN-{cover|page}-[slug]-backup-YYYYMMDD-HHMMSS.mdに名前を変更します - 画像ファイルが存在する場合:
NN-{cover|page}-[slug]-backup-YYYYMMDD-HHMMSS.pngに名前を変更します - 各ページについて、インストール済みの画像生成スキルを呼び出します
prompts/01-page-xxx.mdをプロンプトファイルの入力として使用します- 出力を
01-page-xxx.pngに保存します - アスペクト比は
3:4を使用します - 選択したスキルがリファレンス画像に対応している場合は、
characters/characters.pngを--refとして渡します
ワークフローの詳細:references/workflow.md
EXTEND.md のパス ⛔ ブロック
重大:EXTEND.md が見つからない場合は、他の質問や手順に進む前に、初回セットアップを必ず完了してください。コンテンツ分析に進んだり、アートスタイルやトーンについて質問したりしてはいけません。まず設定だけを完了してください。
| パス | 場所 |
|---|---|
.baoyu-skills/baoyu-comic/EXTEND.md | プロジェクトディレクトリ |
$HOME/.baoyu-skills/baoyu-comic/EXTEND.md | ユーザーのホームディレクトリ |
| 結果 | アクション |
|---|---|
| 見つかった | 読み込み、解析して概要を表示 → 続行 |
| 見つからない | ⛔ ブロック:初回セットアップのみを実行 (references/config/first-time-setup.md) → EXTEND.md を完成させて保存 → その後続行 |
EXTEND.md で設定可能:透かし | 推奨アートスタイル/トーン/レイアウト | カスタムスタイル定義 | キャラクタープリセット | 言語設定
スキーマ:references/config/preferences-schema.md
リファレンス
コアテンプレート:
- analysis-framework.md - 詳細なコンテンツ分析
- character-template.md - キャラクター定義の形式
- storyboard-template.md - ストーリーボードの構成
- ohmsha-guide.md - Ohmsha マンガの詳細
スタイル定義:
references/art-styles/- アートスタイル(ligne-claire、manga、realistic、ink-brush、chalk)references/tones/- トーン(neutral、warm、dramatic、romantic、energetic、vintage、action)references/presets/- 特別なルールを含むプリセット(ohmsha、wuxia、shoujo)references/layouts/- レイアウト(standard、cinematic、dense、splash、mixed、webtoon)
ワークフロー:
- workflow.md - ワークフローの詳細
- auto-selection.md - コンテンツシグナル分析
- partial-workflows.md - 部分的なワークフローのオプション
設定:
- config/preferences-schema.md - EXTEND.md のスキーマ
- config/first-time-setup.md - 初回セットアップ
- config/watermark-guide.md - 透かしの設定
ページの変更
| 操作 | 手順 |
|---|---|
| 編集 | 最初にプロンプトファイルを更新 → --regenerate N → PDF を再生成 |
| 追加 | 配置位置にプロンプトを作成 → キャラクター参照を使って生成 → 以降の番号を振り直す → ストーリーボードを更新 → PDF を再生成 |
| 削除 | ファイルを削除 → 以降の番号を振り直す → ストーリーボードを更新 → PDF を再生成 |
重要:ページを更新するときは、再生成する前に必ずプロンプトファイル(prompts/NN-{cover|page}-[slug].md)を更新してください。これにより、変更内容が記録され、再現可能になります。
注意事項
- 画像生成:1 ページあたり 10~30 秒
- 生成に失敗した場合は 1 回自動で再試行
- 公人に関するセンシティブな内容には、様式化した代替表現を使用
- セッション ID を使用してスタイルの一貫性を維持
- ステップ 2 での確認が必須 — 省略しないでください
- ステップ 4/6 は条件付き — ステップ 2 でユーザーが依頼した場合のみ実施
- ステップ 7.1 のキャラクターシートは、ページの生成前に必ず作成 — 一貫性を保つため
- ステップ 7.2 では、すべてのページで必ずキャラクターを参照 —
--refを使用するか、説明を埋め込んでください - 透かし/言語は EXTEND.md で 1 回設定