baoyu-cover-image について
Markdown 記事などの素材からカバー画像を生成するスキルです。構図、ビジュアルスタイル、文字量、ムードを指定でき、自動選択にも対応します。
主な機能
- 01記事をもとにしたカバー生成
- 026 種類の構図
- 0320 種類の組み込みスタイル
- 04文字量とムードの調整
- 05複数のアスペクト比
- 06各要素の自動選択
活用シーン
- 01ブログ記事のカバー作成
- 02技術記事に合うビジュアルの選択
- 03文字なしのビジュアルカバー生成
- 04異なる比率のカバー画像の準備
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ jst-well-dan/ skill-box --skill baoyu-cover-imageインストール後、Claude Code で/baoyu-cover-imageを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/base-prompt.mdreferences/config/first-time-setup.mdpreferences-schema.mdwatermark-guide.mdreferences/dimensions/mood.mdtext.mdreferences/styles/blueprint.mdbold-editorial.mdchalkboard.mddark-atmospheric.mdeditorial-infographic.mdelegant.mdfantasy-animation.mdflat-doodle.mdintuition-machine.mdminimal.mdnature.mdnotion.mdpixel-art.mdplayful.mdretro.mdsketch-notes.mdvector-illustration.mdvintage.mdwarm.mdwatercolor.md詳細
カバー画像ジェネレーター
4 つの次元をカスタマイズして、洗練された記事のカバー画像を生成します。
使用方法
# Auto-select all dimensions based on content
/baoyu-cover-image path/to/article.md
# Quick mode: skip confirmation, use auto-selection
/baoyu-cover-image article.md --quick
# Specify dimensions
/baoyu-cover-image article.md --type conceptual --style blueprint
/baoyu-cover-image article.md --text title-subtitle --mood bold
# Visual only (no title text)
/baoyu-cover-image article.md --no-title
# Direct content input
/baoyu-cover-image
[paste content]
# Direct input with options
/baoyu-cover-image --style notion --aspect 1:1 --quick
[paste content]
オプション
| オプション | 説明 |
|---|---|
--type <name> | カバーの種類:hero、conceptual、typography、metaphor、scene、minimal |
--style <name> | カバーのスタイル(スタイルギャラリーを参照) |
--text <level> | テキストの密度:none、title-only、title-subtitle、text-rich |
--mood <level> | 感情の強さ:subtle、balanced、bold |
--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 | 確認を省略し、指定されていない次元を自動選択します |
4 つの次元
| 次元 | 制御する内容 | 値 | デフォルト |
|---|---|---|---|
| 種類 | ビジュアル構成、情報構造 | hero、conceptual、typography、metaphor、scene、minimal | auto |
| スタイル | ビジュアルの美学、色、技法 | 組み込みスタイル 20 種 | auto |
| テキスト | テキストの密度、情報の階層 | none、title-only、title-subtitle、text-rich | title-only |
| ムード | 感情の強さ、ビジュアルの重み | subtle、balanced、bold | balanced |
各次元は自由に組み合わせられます。例:--type conceptual --style blueprint --text title-only --mood subtle を指定すると、落ち着いた技術的なコンセプトのビジュアルを作成できます。
種類ギャラリー
| 種類 | 説明 | おすすめの用途 |
|---|---|---|
hero | 視覚的なインパクトが大きく、タイトルを重ねます | 製品発表、ブランドのプロモーション、重要なお知らせ |
conceptual | コンセプトを可視化し、抽象的な中心概念を表現します | 技術記事、方法論、アーキテクチャ設計 |
typography | テキストを中心にしたレイアウトで、タイトルを際立たせます | 意見記事、引用、洞察 |
metaphor | 視覚的なメタファーを使い、抽象的なものを具体的に表現します | 哲学、成長、自己啓発 |
scene | 物語性のある雰囲気豊かなシーンです | ストーリー、旅行、ライフスタイル |
minimal | 余白をたっぷり使ったミニマルな構成です | 禅、集中、中心概念 |
種類の自動選択
--type が省略された場合は、コンテンツに含まれる手がかりをもとに選択します。
| 手がかり | 種類 |
|---|---|
| 製品、ローンチ、発表、リリース、公開 | hero |
| アーキテクチャ、フレームワーク、システム、API、技術、モデル | conceptual |
| 引用、意見、洞察、考え、見出し、声明 | typography |
| 哲学、成長、抽象、意味、内省 | metaphor |
| ストーリー、旅、旅行、ライフスタイル、体験、物語 | scene |
| 禅、集中、本質、中心、シンプル、純粋 | minimal |
スタイルギャラリー
| スタイル | 説明 |
|---|---|
elegant(デフォルト) | 洗練された上品なスタイル |
blueprint | 技術的な設計図 |
bold-editorial | 雑誌のようなインパクト |
chalkboard | 黒板に描いたチョーク画 |
dark-atmospheric | 映画のようなダークモード |
editorial-infographic | ビジュアルで伝えるストーリーテリング |
fantasy-animation | Ghibli/Disney に着想を得たスタイル |
flat-doodle | パステルカラーのかわいい形 |
intuition-machine | 技術的なバイリンガルスタイル |
minimal | 極めてすっきりとした禅のスタイル |
nature | 有機的で自然な雰囲気 |
notion | SaaS ダッシュボード |
pixel-art | レトロな 8 ビット |
playful | 楽しく遊び心のあるスタイル |
retro | 網点を使ったビンテージスタイル |
sketch-notes | 手描きの温かみのあるスタイル |
vector-illustration | フラットなベクター |
vintage | 古びた探検スタイル |
warm | 親しみやすく人間味のあるスタイル |
watercolor | 柔らかな手描き風の水彩 |
スタイル定義:references/styles/
スタイルの自動選択
--style が省略された場合は、コンテンツのシグナルに基づいて選択します。
| シグナル | スタイル |
|---|---|
| アーキテクチャ、システム設計 | blueprint |
| 製品のローンチ、マーケティング | bold-editorial |
| 教育、チュートリアル | chalkboard |
| エンターテインメント、高級感 | dark-atmospheric |
| 技術解説、研究 | editorial-infographic |
| ファンタジー、子ども向け | fantasy-animation |
| 技術ドキュメント、バイリンガル | intuition-machine |
| 個人的なストーリー、感情 | warm |
| 禅、集中、本質 | minimal |
| 楽しい、初心者向け、カジュアル | playful |
| 自然、ウェルネス、エコ | nature |
| SaaS、ダッシュボード | notion |
| ワークフロー、生産性 | flat-doodle |
| ゲーム、レトロテック | pixel-art |
| 知識の共有 | sketch-notes |
| クリエイティブな提案 | vector-illustration |
| 歴史、探検 | vintage |
| ライフスタイル、旅行 | watercolor |
| ビジネス、プロフェッショナル | elegant |
テキストの次元
| 値 | タイトル | サブタイトル | タグ | ユースケース |
|---|---|---|---|---|
none | - | - | - | ビジュアルのみ、テキストなし |
title-only | ✓(≤8文字) | - | - | シンプルな見出し(デフォルト) |
title-subtitle | ✓ | ✓(≤15文字) | - | タイトル+補足情報 |
text-rich | ✓ | ✓ | ✓(2-4) | 情報量の多い内容 |
詳細ガイド:references/dimensions/text.md
テキストの自動選択
--text が省略された場合は、コンテンツのシグナルに基づいて選択します。
| シグナル | テキストレベル |
|---|---|
| ビジュアルのみ、写真、抽象、アート | none |
| 記事、ブログ、標準的なカバー | title-only |
| シリーズ、チュートリアル、背景情報のある技術コンテンツ | title-subtitle |
| お知らせ、機能、複数のポイント、インフォグラフィック | text-rich |
デフォルト:title-only
ムードの次元
| 値 | コントラスト | 彩度 | 重み | ユースケース |
|---|---|---|---|---|
subtle | 低 | 控えめ | 軽い | 企業、ソートリーダーシップ |
balanced | 中 | 標準 | 中程度 | 一般的な記事(デフォルト) |
bold | 高 | 鮮やか | 強い | お知らせ、プロモーション |
詳細ガイド:references/dimensions/mood.md
ムードの自動選択
--mood が省略された場合は、コンテンツのシグナルに基づいて選択します。
| シグナル | ムードレベル |
|---|---|
| プロフェッショナル、企業、ソートリーダーシップ、学術、高級 | subtle |
| 一般的、教育的、標準、ブログ、ドキュメント | balanced |
| ローンチ、お知らせ、プロモーション、イベント、ゲーム、エンターテインメント | bold |
デフォルト:balanced
互換性マトリックス
タイプ × スタイル
| elegant | blueprint | notion | warm | minimal | watercolor | bold-editorial | dark-atmospheric | |
|---|---|---|---|---|---|---|---|---|
| ヒーロー | ✓✓ | ✓ | ✓ | ✓✓ | ✓ | ✓✓ | ✓✓ | ✓✓ |
| 概念 | ✓✓ | ✓✓ | ✓✓ | ✓ | ✓✓ | ✗ | ✓ | ✓ |
| タイポグラフィ | ✓✓ | ✓ | ✓✓ | ✓ | ✓✓ | ✓ | ✓✓ | ✓✓ |
| メタファー | ✓✓ | ✗ | ✓ | ✓✓ | ✓ | ✓✓ | ✓ | ✓ |
| シーン | ✓ | ✗ | ✗ | ✓✓ | ✓ | ✓✓ | ✓ | ✓✓ |
| ミニマル | ✓✓ | ✓ | ✓✓ | ✓ | ✓✓ | ✓ | ✗ | ✓ |
タイプ × テキスト
| none | title-only | title-subtitle | text-rich | |
|---|---|---|---|---|
| ヒーロー | ✓ | ✓✓ | ✓✓ | ✓ |
| 概念 | ✓✓ | ✓✓ | ✓ | ✓ |
| タイポグラフィ | ✗ | ✓ | ✓✓ | ✓✓ |
| メタファー | ✓✓ | ✓ | ✓ | ✗ |
| シーン | ✓✓ | ✓ | ✓ | ✗ |
| ミニマル | ✓✓ | ✓✓ | ✓ | ✗ |
タイプ × ムード
| subtle | balanced | bold | |
|---|---|---|---|
| ヒーロー | ✓ | ✓✓ | ✓✓ |
| 概念 | ✓✓ | ✓✓ | ✓ |
| タイポグラフィ | ✓ | ✓✓ | ✓✓ |
| メタファー | ✓✓ | ✓✓ | ✓ |
| シーン | ✓✓ | ✓✓ | ✓ |
| ミニマル | ✓✓ | ✓✓ | ✗ |
✓✓ = 特に推奨 | ✓ = 互換性あり | ✗ = 非推奨
ファイル構成
各セッションでは、コンテンツのスラッグを名前とする独立したディレクトリが作成されます。
cover-image/{topic-slug}/
├── source-{slug}.{ext} # Source files (text, images, etc.)
├── prompts/cover.md # Generation prompt
└── cover.png # Output image
スラッグの生成:
- コンテンツから主要なトピックを抽出します(2~4語、ケバブケース)。
- 例:「The Future of AI」→
future-of-ai
競合の解決:
cover-image/{topic-slug}/ がすでに存在する場合:
- タイムスタンプを追加します:
{topic-slug}-YYYYMMDD-HHMMSS - 例:
ai-futureが存在する場合 →ai-future-20260118-143052
ソースファイル:
すべてのソースを source-{slug}.{ext} という名前でコピーします。
source-article.md、source-reference.pngなど- テキスト、画像、会話からのファイルなど、複数のソースに対応しています
ワークフロー
進捗チェックリスト
コピーして進捗を記録します。
Cover Image Progress:
- [ ] Step 0: Check preferences (EXTEND.md) ⚠️ REQUIRED if not found
- [ ] Step 1: Analyze content
- [ ] Step 2: Confirm options (4 dimensions) ⚠️ REQUIRED unless --quick or all specified
- [ ] Step 3: Create prompt
- [ ] Step 4: Generate image
- [ ] Step 5: Completion report
フロー
Input → [Step 0: Preferences/Setup] → Analyze → [Confirm: 4 Dimensions] → Prompt → Generate → Complete
↓
(skip if --quick or all dimensions specified)
ステップ 0:設定を読み込む(EXTEND.md)⚠️
目的:ユーザー設定を読み込むか、初回セットアップを実行します。EXTEND.md が見つからない場合は、セットアップを省略しないでください。
Bash を使って EXTEND.md の存在を次の優先順位で確認します。
# Check project-level first
test -f .baoyu-skills/baoyu-cover-image/EXTEND.md && echo "project"
# Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)
test -f "$HOME/.baoyu-skills/baoyu-cover-image/EXTEND.md" && echo "user"
┌──────────────────────────────────────────────────┬───────────────────┐ │ パス │ 場所 │ ├──────────────────────────────────────────────────┼───────────────────┤ │ .baoyu-skills/baoyu-cover-image/EXTEND.md │ プロジェクトディレクトリ │ ├──────────────────────────────────────────────────┼───────────────────┤ │ $HOME/.baoyu-skills/baoyu-cover-image/EXTEND.md │ ユーザーホーム │ └──────────────────────────────────────────────────┴───────────────────┘
┌───────────┬───────────────────────────────────────────────────────────────────────────┐ │ 結果 │ アクション │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ 見つかった │ 読み込み、解析し、設定の概要を表示(下記参照)→ ステップ 1 に進む │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ 見つからない │ ⚠️ 必ず初回セットアップを実行(下記参照)→ その後、ステップ 1 に進む │ └───────────┴───────────────────────────────────────────────────────────────────────────┘
設定の概要(EXTEND.md が見つかった場合):
読み込んだ設定を表示します。
Preferences loaded from [project/user]:
• Watermark: [enabled/disabled] [content if enabled]
• Type: [preferred_type or "auto"]
• Style: [preferred_style or "auto"]
• Text: [preferred_text or "title-only"]
• Mood: [preferred_mood or "balanced"]
• Aspect: [default_aspect]
• Quick mode: [enabled/disabled]
• Language: [language or "auto"]
初回セットアップ(EXTEND.md が見つからなかった場合):
言語:ユーザーの入力言語または保存済みの言語設定を使用します。
AskUserQuestion を使用し、すべての質問を1回の呼び出しで行います。
Q1:ウォーターマーク
header: "Watermark"
question: "Watermark text for generated cover images?"
options:
- label: "No watermark (Recommended)"
description: "Clean covers, can enable later in EXTEND.md"
Q2:希望するタイプ
header: "Type"
question: "Default cover type preference?"
options:
- label: "Auto-select (Recommended)"
description: "Choose based on content analysis each time"
- label: "hero"
description: "Large visual impact - product launch, announcements"
- label: "conceptual"
description: "Concept visualization - technical, architecture"
Q3:希望するスタイル
header: "Style"
question: "Default cover style preference?"
options:
- label: "Auto-select (Recommended)"
description: "Choose based on content analysis each time"
- label: "elegant"
description: "Refined, sophisticated - professional business"
- label: "notion"
description: "SaaS dashboard - productivity/tech content"
Q4:デフォルトのアスペクト比
header: "Aspect"
question: "Default aspect ratio for cover images?"
options:
- label: "16:9 (Recommended)"
description: "Standard widescreen - YouTube, presentations, versatile"
- label: "2.35:1"
description: "Cinematic widescreen - article headers, blog posts"
- label: "1:1"
description: "Square - Instagram, WeChat, social cards"
- label: "3:4"
description: "Portrait - Xiaohongshu, Pinterest, mobile content"
注:生成時には、さらに多くの比率(4:3、3:2)を利用できます。これはデフォルトの推奨値を設定します。
Q5:クイックモード
header: "Quick"
question: "Enable quick mode by default?"
options:
- label: "No (Recommended)"
description: "Confirm dimension choices each time"
- label: "Yes"
description: "Skip confirmation, use auto-selection"
Q6:保存場所
header: "Save"
question: "Where to save preferences?"
options:
- label: "Project (Recommended)"
description: ".baoyu-skills/ (this project only)"
- label: "User"
description: "~/.baoyu-skills/ (all projects)"
セットアップ後:ユーザーの選択内容を使って EXTEND.md を作成し、ステップ 1 に進みます。
セットアップの詳細:references/config/first-time-setup.md
EXTEND.md で設定可能な項目:ウォーターマーク | 希望するタイプ | 希望するスタイル | 希望するテキスト | 希望するムード | デフォルトのアスペクト比 | クイックモード | カスタムスタイル定義 | 言語設定
スキーマ:references/config/preferences-schema.md
ステップ 1:コンテンツを分析する
ソースコンテンツを読み込み、必要に応じて保存してから、分析を実行します。
アクション:
- ソースコンテンツを保存する(まだファイルになっていない場合):
- ユーザーがファイルパスを指定した場合:そのまま使用します
- ユーザーがコンテンツを貼り付けた場合:対象ディレクトリの
source.mdに保存します
- ソースコンテンツを読み込みます
- コンテンツ分析:
- トピック、中心的なメッセージ、トーン、キーワードを抽出します
- 視覚的なメタファーの候補を特定します
- コンテンツの種類(技術/個人/ビジネス/クリエイティブ)を判定します
- 言語の検出:
- ソースコンテンツの言語を検出します
- ユーザーの入力言語(会話から)を記録します
- EXTEND.md の言語設定と比較します
ステップ 2:オプションの確認 ⚠️
目的:4 つのディメンションとアスペクト比をすべて検証します。
スキップ条件:
| 条件 | スキップされる質問 | 質問される項目 |
|---|---|---|
--quick フラグ | タイプ、スタイル、テキスト、ムード | アスペクト比(--aspect が指定されている場合を除く) |
4 つのディメンションすべてと --aspect が指定されている | すべて | なし |
EXTEND.md で quick_mode: true が指定されている | タイプ、スタイル、テキスト、ムード | アスペクト比(--aspect が指定されている場合を除く) |
| その他の場合 | なし | 5 つの質問すべて |
重要:CLI フラグ --aspect で明示的に指定されていない限り、アスペクト比は必ず質問します。EXTEND.md のユーザープリセットは推奨オプションとして表示し、自動選択はしません。
クイックモードの出力(4 つのディメンションをスキップする場合):
Quick Mode: Auto-selected dimensions
• Type: [type] ([reason])
• Style: [style] ([reason])
• Text: [text] ([reason])
• Mood: [mood] ([reason])
[Then ask Question 5: Aspect Ratio]
確認フロー(スキップしない場合):
言語:自動的に決定します(ユーザーの入力言語 > 保存済みの設定 > ソースの言語)。質問する必要はありません。
AskUserQuestion を使用してオプションを提示します。
質問 1:タイプ(--type で指定されていない場合)
- コンテンツ分析に基づく推奨タイプと、EXTEND.md の優先タイプを表示します。
header: "Type"
question: "Which cover type?"
multiSelect: false
options:
- label: "[auto-recommended type] (Recommended)"
description: "[reason based on content signals]"
- label: "hero"
description: "Large visual impact, title overlay - product launch, announcements"
- label: "conceptual"
description: "Concept visualization - technical, architecture"
- label: "typography"
description: "Text-focused layout - opinions, quotes"
質問 2:スタイル(--style で指定されていない場合)
- 選択したタイプに応じて、互換性のあるスタイルを表示します(互換性マトリックスで ✓✓ の項目を先頭に表示)。
- 形式:[スタイル名] - [このコンテンツに適している理由]
header: "Style"
question: "Which cover style?"
multiSelect: false
options:
- label: "[best compatible style] (Recommended)"
description: "[reason based on type + content]"
- label: "[style2]"
description: "[reason]"
- label: "[style3]"
description: "[reason]"
質問 3:テキスト(--text で指定されていない場合)
- 選択したタイプに応じて、互換性のあるテキストレベルを表示します(互換性マトリックスで ✓✓ の項目を先頭に表示)。
header: "Text"
question: "Text density level?"
multiSelect: false
options:
- label: "title-only (Recommended)"
description: "Simple headline, ≤8 characters"
- label: "none"
description: "Pure visual, no text elements"
- label: "title-subtitle"
description: "Title + supporting context"
- label: "text-rich"
description: "Title + subtitle + keyword tags"
質問 4:ムード(--mood で指定されていない場合)
- コンテンツ分析に基づいて、推奨するムードを表示します。
header: "Mood"
question: "Emotional intensity?"
multiSelect: false
options:
- label: "balanced (Recommended)"
description: "Medium contrast and saturation, versatile"
- label: "subtle"
description: "Low contrast, muted colors, calm"
- label: "bold"
description: "High contrast, vivid colors, dynamic"
質問 5:アスペクト比(CLI で --aspect が指定されていない限り、必ず質問します)
注:ユーザーが EXTEND.md にプリセットを設定している場合も、この質問をします。プリセットは推奨オプションとして表示します。
header: "Aspect"
question: "Cover aspect ratio?"
multiSelect: false
options:
- label: "[user preset or 16:9] (Recommended)"
description: "[based on preset or default: Standard widescreen, versatile]"
- label: "2.35:1"
description: "Cinematic widescreen - article headers, blog posts"
- label: "4:3"
description: "Traditional screen - PPT slides, classic displays"
- label: "3:2"
description: "Photography ratio - blog articles, Medium posts"
- label: "1:1"
description: "Square - Instagram, WeChat moments, social cards"
- label: "3:4"
description: "Portrait - Xiaohongshu, Pinterest, mobile-first content"
回答後:確認済みのディメンションを使ってステップ 3 に進みます。
ステップ 3:プロンプトの作成
prompts/cover.md に保存します。
# Content Context
Article title: [full original title from source]
Content summary: [2-3 sentence summary of key points and themes]
Keywords: [5-8 key terms extracted from content]
# Visual Design
Cover theme: [2-3 words visual interpretation]
Type: [confirmed type]
Style: [confirmed style]
Text level: [confirmed text level]
Mood: [confirmed mood]
Aspect ratio: [confirmed ratio]
Language: [confirmed language]
# Text Elements
[Based on text level:]
- none: "No text elements"
- title-only: "Title: [max 8 chars headline]"
- title-subtitle: "Title: [headline] / Subtitle: [max 15 chars context]"
- text-rich: "Title: [headline] / Subtitle: [context] / Tags: [2-4 keywords]"
# Mood Application
[Based on mood level:]
- subtle: "Use low contrast, muted colors, light visual weight, calm aesthetic"
- balanced: "Use medium contrast, normal saturation, balanced visual weight"
- bold: "Use high contrast, vivid saturated colors, heavy visual weight, dynamic energy"
# Composition
Type composition:
- [Type-specific layout and structure]
Visual composition:
- Main visual: [metaphor derived from content meaning]
- Layout: [positioning based on type and aspect ratio]
- Decorative: [style elements that reinforce content theme]
Color scheme: [primary, background, accent from style, adjusted by mood]
Type notes: [key characteristics from type definition]
Style notes: [key characteristics from style definition]
[Watermark section if enabled]
コンテンツ主導のデザイン:
- 記事のタイトルと要約を基に、視覚的なメタファーを選びます。
- キーワードを装飾要素やシンボルの選択に反映します。
- スキルがビジュアルスタイルを制御し、コンテンツが意味を導きます。
タイプ別の構成:
| タイプ | 構成ガイドライン |
|---|---|
hero | 大きな中心ビジュアル(面積の 60~70%)、ビジュアル上にタイトルを重ね、ドラマチックな構成 |
conceptual | 中心的な概念を表す抽象的な形、情報の階層構造、すっきりとした領域 |
typography | タイトルを主要要素にする(面積の 40%以上)、補助的なビジュアルは最小限にし、強い階層構造を持たせる |
metaphor | 抽象的なアイデアを表す具体的な物体や情景、象徴的な要素、感情への訴求 |
scene | 雰囲気のある環境、物語性のある要素、ムードを演出する照明と色 |
minimal | 1 つの中心要素、広い余白(60%以上)、必要最小限の形のみ |
タイトルのガイドライン(テキストレベルにタイトルを含む場合):
- 最大 8 文字で、印象に残る見出しにします。
- 数字、質問、対比などのフックを使います。
- 確認済みの言語に合わせます。
透かしの適用(設定で有効になっている場合): プロンプトに追加します:
Include a subtle watermark "[content]" positioned at [position]
with approximately [opacity*100]% visibility. The watermark should
be legible but not distracting from the main content.
参照先:references/config/watermark-guide.md
ステップ 4:画像の生成
既存のカバーをバックアップ(再生成する場合):
出力ディレクトリに cover.png がすでに存在する場合:
cover-backup-YYYYMMDD-HHMMSS.pngに名前を変更します。
画像生成スキルの選択:
- 利用可能な画像生成スキルを確認します。
- 複数のスキルが利用できる場合は、ユーザーに希望を尋ねます。
- 選択したスキルを以下の情報とともに呼び出します。
- プロンプトファイルのパス
- 出力画像のパス:
cover.png - アスペクト比のパラメーター
失敗した場合:エラーを報告する前に、自動的に 1 回再試行します。
ステップ 5:完了レポート
Cover Generated!
Topic: [topic]
Type: [type name]
Style: [style name]
Text: [text level]
Mood: [mood level]
Aspect: [ratio]
Title: [title text or "visual only"]
Language: [lang]
Watermark: [enabled/disabled]
Location: [directory path]
Files:
✓ source-{slug}.{ext}
✓ prompts/cover.md
✓ cover.png
[✓ cover-backup-{timestamp}.png (if regenerated)]
画像の変更
| 操作 | 手順 |
|---|---|
| 再生成 | 既存の画像をバックアップ → プロンプトを更新 → 同じ設定で再生成 |
| 種類の変更 | 既存の画像をバックアップ → 新しい種類を確認 → プロンプトを更新 → 再生成 |
| スタイルの変更 | 既存の画像をバックアップ → 新しいスタイルを確認 → プロンプトを更新 → 再生成 |
| テキストの変更 | 既存の画像をバックアップ → 新しいテキスト量を確認 → プロンプトを更新 → 再生成 |
| ムードの変更 | 既存の画像をバックアップ → 新しいムードを確認 → プロンプトを更新 → 再生成 |
| アスペクト比の変更 | 既存の画像をバックアップ → 新しいアスペクト比を確認 → プロンプトを更新 → 再生成 |
すべての変更では、再生成の前に既存の cover.png が自動的にバックアップされます。
メモ
- カバーは小さなプレビューサイズでも読みやすくする必要があります
- 文字どおりの表現より、視覚的な比喩を優先します
- タイトル:最大8文字、読みやすく、印象的なものにします
- 確認ポイントは2つ:ステップ0(EXTEND.mdがない場合の初回セットアップ)とステップ2(オプション)です。
--quickを指定するとステップ2を省略できます - タイトルのテキストには、確認済みの言語を使用します
- 有効にしている場合は、ウォーターマークの一貫性を保ちます
- 組み合わせを選ぶ際は、互換性マトリクスを確認します
--no-titleは--text noneのエイリアスとして維持されます
参考資料
寸法:
references/dimensions/text.md- テキスト量の次元references/dimensions/mood.md- ムードの強度の次元
スタイル:references/styles/<name>.md - スタイルの定義
設定:
references/config/preferences-schema.md- EXTEND.md のスキーマreferences/config/first-time-setup.md- 初回セットアップのフローreferences/config/watermark-guide.md- ウォーターマークの設定
拡張機能のサポート
EXTEND.md を使用してカスタム設定を行えます。パスとサポートされるオプションについては、ステップ0を参照してください。