baoyu-cover-image

カバー画像ジェネレーター

5つのディメンションをカスタマイズして、記事向けの洗練されたカバー画像を生成します。

使用方法

# Auto-select dimensions based on content
/baoyu-cover-image path/to/article.md

# Quick mode: skip confirmation
/baoyu-cover-image article.md --quick

# Specify dimensions
/baoyu-cover-image article.md --type conceptual --palette warm --rendering flat-vector

# Style presets (shorthand for palette + rendering)
/baoyu-cover-image article.md --style blueprint

# With reference images
/baoyu-cover-image article.md --ref style-ref.png

# Direct content input
/baoyu-cover-image --palette mono --aspect 1:1 --quick
[paste content]

オプション

オプション	説明
--type <name>	hero、conceptual、typography、metaphor、scene、minimal
--palette <name>	warm、elegant、cool、dark、earth、vivid、pastel、mono、retro
--rendering <name>	flat-vector、hand-drawn、painterly、digital、pixel、chalk
--style <name>	プリセットの略記（スタイルプリセットを参照）
--text <level>	none、title-only、title-subtitle、text-rich
--mood <level>	subtle、balanced、bold
--font <name>	clean、handwritten、serif、display
--aspect <ratio>	16:9（デフォルト）、2.35:1、4:3、3:2、1:1、3:4
--lang <code>	タイトルの言語（en、zh、ja など）
--no-title	--text none のエイリアス
--quick	確認を省略し、自動選択を使用
--ref <files...>	スタイルや構図の参考にする画像

5つのディメンション

ディメンション	値	デフォルト
タイプ	hero、conceptual、typography、metaphor、scene、minimal	auto
パレット	warm、elegant、cool、dark、earth、vivid、pastel、mono、retro	auto
レンダリング	flat-vector、hand-drawn、painterly、digital、pixel、chalk	auto
テキスト	none、title-only、title-subtitle、text-rich	title-only
ムード	subtle、balanced、bold	balanced
フォント	clean、handwritten、serif、display	clean

自動選択のルール：references/auto-selection.md

ギャラリー

タイプ：hero、conceptual、typography、metaphor、scene、minimal
→ 詳細：references/types.md

パレット：warm、elegant、cool、dark、earth、vivid、pastel、mono、retro
→ 詳細：references/palettes/

レンダリング：flat-vector、hand-drawn、painterly、digital、pixel、chalk
→ 詳細：references/renderings/

テキストレベル：none（ビジュアルのみ） | title-only（デフォルト） | title-subtitle | text-rich（タグ付き）
→ 詳細：references/dimensions/text.md

ムードレベル：subtle（低コントラスト） | balanced（デフォルト） | bold（高コントラスト）
→ 詳細：references/dimensions/mood.md

フォント：clean（サンセリフ） | handwritten | serif | display（太字の装飾的なフォント）
→ 詳細：references/dimensions/font.md

ファイル構成

出力ディレクトリは必ず次のとおりにしてください：Assets/Cover-Images/{topic-slug}/ （この保管庫はテキストと画像のコンテンツ制作者向けのため、生成されたカバー画像とそのアセットは、記事から切り離して一元管理できるよう、すべてここに保存します。）

Assets/Cover-Images/{topic-slug}/
├── source-{slug}.{ext}    # Source files
├── refs/                  # Reference images (if provided)
│   ├── ref-01-{slug}.{ext}
│   └── ref-01-{slug}.md   # Description file
├── prompts/cover.md       # Generation prompt
└── cover.png              # Output image

スラッグ：2〜4語のケバブケース。競合する場合は -YYYYMMDD-HHMMSS を追加します。

ワークフロー

進捗チェックリスト

Cover Image Progress:
- [ ] Step 1: Analyze content + save refs + determine output dir
- [ ] Step 2: Confirm options (6 dimensions) ⚠️ unless --quick
- [ ] Step 3: Create prompt
- [ ] Step 4: Generate image
- [ ] Step 5: Completion report

フロー

Input → Analyze + Save Refs → [Output Dir] → [Confirm: 6 Dimensions] → Prompt → Generate → Complete
                                             ↓
                               (skip if --quick or all specified)

1. 参考画像を保存する（提供されている場合）→ references/workflow/reference-images.md
2. ソースコンテンツを保存する（貼り付けられている場合は source.md に保存）
3. コンテンツを分析する：トピック、トーン、キーワード、視覚的なメタファー
4. 参考画像を詳細に分析する ⚠️：具体的で明確な要素を抽出します（reference-images.md を参照）
5. 言語を検出する：ソースとユーザー入力を比較します
6. 出力ディレクトリを決定する：ファイル構成のルールに従います

ステップ2：オプションを確認する ⚠️

確認フローの詳細：references/workflow/confirm-options.md

条件	省略される項目	引き続き確認する項目
--quick	6つのディメンション	アスペクト比（--aspect が指定されていない場合）
6つすべてと --aspect を指定	すべて	なし

ステップ 3：プロンプトを作成する

prompts/cover.md に保存します。テンプレート：references/workflow/prompt-template.md

重要 — フロントマターの参照情報：

• refs/ に保存したファイル → フロントマターの references リストに追加します
• スタイルを文章で抽出した場合（ファイルなし）→ references は省略し、本文で説明します
• 書き込む前に確認します：test -f refs/ref-NN-{slug}.{ext}

本文中の参照要素は、詳細に記述し、「MUST」または「REQUIRED」で始め、統合方法を示す必要があります。

ステップ 4：画像を生成する（baoyu-image-gen を使用）

1. 既存の cover.png を再生成する場合は、バックアップします
2. プロンプトのフロントマターにある参照情報を処理します：
   • direct の使用 → --ref で渡します（参照に対応したバックエンドを使用）
   • style／palette → 特徴を抽出し、プロンプトに追加します
3. 環境：モデルには、共有 .env（.agents/skills/.env）を必ず明示的に使用します。
4. 統合コマンドで baoyu-image-gen を実行して生成します：

   bun .agents/skills/baoyu-image-gen/scripts/main.ts --promptfiles <output-dir>/prompts/cover.md --image <output-dir>/cover.png --ar <aspect>
   

5. 失敗した場合：自動で 1 回再試行します

ステップ 5：完了レポート

Cover Generated!

Topic: [topic]
Type: [type] | Palette: [palette] | Rendering: [rendering]
Text: [text] | Mood: [mood] | Font: [font] | Aspect: [ratio]
Title: [title or "visual only"]
Language: [lang] | Watermark: [enabled/disabled]
References: [N images or "extracted style" or "none"]
Location: [directory path]

Files:
✓ source-{slug}.{ext}
✓ prompts/cover.md
✓ cover.png

画像の変更

操作	手順
再生成	バックアップ → まずプロンプトファイルを更新 → 再生成
寸法の変更	バックアップ → 新しい値を確認 → プロンプトを更新 → 再生成

構図の原則

• 余白：40～60% の余裕を持たせます
• 視覚的な基点：主要な要素を中央または左寄りに配置します
• キャラクター：簡略化したシルエットを使用します。写実的な人物は使用しません
• タイトル：ユーザーまたはソースの正確なタイトルを使用します。新たに考案してはいけません

設定

モデル／プロバイダーの設定には .agents/skills/.env を使用します。

参照情報

寸法：text.md | mood.md | font.md パレット：references/palettes/ レンダリング：references/renderings/ 種類：references/types.md 自動選択：references/auto-selection.md スタイルプリセット：references/style-presets.md 互換性：references/compatibility.md 視覚要素：references/visual-elements.md ワークフロー：confirm-options.md | prompt-template.md | reference-images.md