baoyu-comic について
ソース素材をオリジナルの知識コミックに変換するスキルです。画風、トーン、レイアウト、言語を設定でき、段階的なワークフローで絵コンテや画像プロンプト、ページを作成し、PDFにまとめます。キャラクター参照画像で画面の一貫性を保ちます。
主な機能
- 01画風とトーンの設定
- 02複数のコマ割りと縦横比
- 03内容に応じたスタイル選択
- 04絵コンテやプロンプトのみの生成
- 05参照シートによるキャラクターの一貫性
- 06コミックページのPDF化
活用シーン
- 01記事のコミック化
- 02教育用チュートリアルコミックの制作
- 03指定スタイルでの伝記制作
- 04指定ページの再生成
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/baoyu-comicを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/analysis-framework.mdauto-selection.mdbase-prompt.mdcharacter-template.mdohmsha-guide.mdpartial-workflows.mdstoryboard-template.mdreferences/art-styles/chalk.mdink-brush.mdligne-claire.mdmanga.mdrealistic.mdreferences/config/first-time-setup.mdpreferences-schema.mdwatermark-guide.mdreferences/layouts/cinematic.mddense.mdmixed.mdsplash.mdstandard.mdwebtoon.mdreferences/presets/ohmsha.mdshoujo.mdwuxia.mdreferences/tones/action.mddramatic.mdenergetic.mdneutral.mdromantic.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 ファイルのディレクトリパスを
SKILL_DIRとして特定します - スクリプトパス =
${SKILL_DIR}/scripts/<script-name>.ts - このドキュメント内の
${SKILL_DIR}をすべて実際のパスに置き換えます
スクリプト一覧：
| スクリプト | 用途 |
|---|---|
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, 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 → Analyze → [Check Existing?] → [Confirm: Style + Reviews] → Storyboard → [Review?] → Prompts → [Review?] → Images → PDF → Complete
ステップの概要
| ステップ | アクション | 主な出力 |
|---|---|---|
| 1.1 | EXTEND.md の設定を読み込む | 設定を読み込み済み |
| 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 まずキャラクターシートを生成します：
# 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
7.2 キャラクター参照を使用して各ページを生成します：
| スキルの機能 | 戦略 |
|---|---|
--ref をサポート | 各ページで characters/characters.png を渡す |
--ref をサポートしない | 各プロンプトファイルの先頭にキャラクターの説明を追加する |
# 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
ワークフローの詳細：references/workflow.md
EXTEND.md のパス
| パス | 場所 |
|---|---|
.baoyu-skills/baoyu-comic/EXTEND.md | プロジェクトディレクトリ |
$HOME/.baoyu-skills/baoyu-comic/EXTEND.md | ユーザーのホームディレクトリ |
EXTEND.md の対応項目：透かし | 推奨するアートスタイル／トーン／レイアウト | カスタムスタイル定義 | キャラクタープリセット | 言語設定
スキーマ：references/config/preferences-schema.md
参考資料
コアテンプレート：
- analysis-framework.md - コンテンツの詳細分析
- character-template.md - キャラクター定義の形式
- storyboard-template.md - ストーリーボードの構成
- ohmsha-guide.md - オーム社のマンガに関する詳細
スタイル定義：
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 - 透かしの設定
注意事項
- 画像生成：1ページあたり10～30秒
- 生成に失敗した場合は1回自動で再試行
- 公人に関するセンシティブな内容には、様式化した代替表現を使用
- セッション ID によってスタイルの一貫性を維持
- ステップ2での確認は必須 - 省略しないでください
- ステップ4と6は条件付き - ステップ2でユーザーが要求した場合にのみ実行します
- ページ生成の前に、ステップ7.1のキャラクターシートを必ず生成 - 一貫性を確保します
- すべてのページで、ステップ7.2のキャラクターを必ず参照 -
--refを使用するか、説明を埋め込んでください - 透かしと言語は EXTEND.md で一度設定します
コメント
Markdown 対応