mcpField
B
baoyu-comic

baoyu-comic

github.com/aston1690クリエイティブ・メディア2452 回インストール30 週間前に更新
リポジトリ

baoyu-comic について

baoyu-comicは、記事などの内容を知識漫画にするスキルで、情報を視覚的に伝えたい制作者向けです。画風、トーン、レイアウト、言語を選べ、ストーリーボード、プロンプト、画像を段階的に生成できます。

主な機能

  1. 01複数の画風、トーン、レイアウト
  2. 02内容に応じたスタイル選択
  3. 03ストーリーボード、プロンプト、画像の段階生成
  4. 04キャラクター参照シートによる一貫性維持
  5. 05指定ページの再生成

活用シーン

  1. 01チュートリアルやプログラミング記事の漫画化
  2. 02伝記や個人の物語の漫画制作
  3. 03言語やレイアウトを選んだ漫画の作成
  4. 04レビュー用にストーリーボードやプロンプトのみ生成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/aston1690/baoyu-comic --skill baoyu-comic

インストール後、Claude Code で/baoyu-comicを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

README.md
references/
analysis-framework.md
auto-selection.md
base-prompt.md
character-template.md
ohmsha-guide.md
partial-workflows.md
storyboard-template.md
references/art-styles/
chalk.md
ink-brush.md
ligne-claire.md
realistic.md
manga.md
references/config/
first-time-setup.md
watermark-guide.md
preferences-schema.md
references/layouts/
dense.md
cinematic.md
mixed.md
webtoon.md
splash.md
standard.md
references/presets/
shoujo.md
wuxia.md
ohmsha.md
references/tones/
action.md
dramatic.md
neutral.md
energetic.md
vintage.md

詳細

ナレッジコミッククリエイター

アートスタイルとトーンを自由に組み合わせて、オリジナルのナレッジコミックを作成します。

使い方

/baoyu-comic posts/turing-story/source.md
/baoyu-comic article.md --art manga --tone warm
/baoyu-comic  # then paste content

オプション

ビジュアルの要素
オプション値説明
--artligne-claire(デフォルト)、manga、realistic、ink-brush、chalkアートスタイル/描画技法
--toneneutral(デフォルト)、warm、dramatic、romantic、energetic、vintage、action雰囲気/ムード
--layoutstandard(デフォルト)、cinematic、dense、splash、mixed、webtoonコマの配置
--aspect3:4(デフォルト、縦長)、4:3(横長)、16:9(ワイドスクリーン)ページのアスペクト比
--langauto(デフォルト)、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-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

詳細: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/ サブディレクトリにあります。

エージェントの実行手順:

  1. この SKILL.md ファイルのディレクトリパスを {baseDir} として特定します
  2. スクリプトのパス = {baseDir}/scripts/<script-name>.ts
  3. このドキュメント内のすべての {baseDir} を実際のパスに置き換えます
  4. ${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

言語の扱い

検出の優先順位:

  1. --lang フラグ(明示指定)
  2. EXTEND.md の language 設定
  3. ユーザーの会話言語
  4. ソースコンテンツの言語

ルール:すべてのやり取りで、ユーザーの入力言語または保存された言語設定を使用します:

  • ストーリーボードの概要とシーンの説明
  • 画像生成プロンプト
  • ユーザーの選択肢と確認
  • 進捗状況の更新、質問、エラー、要約

技術用語は英語のままにします。

ワークフロー

進捗チェックリスト
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.1EXTEND.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 ファイル
8PDF に結合する{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

リファレンス

コアテンプレート:

スタイル定義:

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

ワークフロー:

設定:

ページの変更

操作手順
編集最初にプロンプトファイルを更新 → --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 回設定

コメント