baoyu-cover-image について
baoyu-cover-image は、記事の内容を分析してカバー画像を生成するスキルです。タイプ、配色、描画、テキスト、ムード、フォントを指定でき、参照画像、アスペクト比、設定にも対応します。
主な機能
- 01記事を分析してカバー画像を生成
- 026 つのデザイン要素を調整
- 03アスペクト比とタイトル言語を指定
- 04参照画像でスタイルや構図を指定
- 05EXTEND.md で設定を構成
活用シーン
- 01記事のテーマに合わせたカバー作成
- 02内容やブランドに応じた配色と描画の選択
- 03参照画像を使った構図の指定
- 04保存した設定を使ったカバー生成
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ ideacco/ baoyu-skills-openclaw --skill baoyu-cover-imageインストール後、Claude Code で/baoyu-cover-imageを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/auto-selection.mdbase-prompt.mdcompatibility.mdstyle-presets.mdtypes.mdvisual-elements.mdreferences/config/first-time-setup.mdpreferences-schema.mdwatermark-guide.mdreferences/dimensions/font.mdmood.mdtext.mdreferences/palettes/cool.mddark.mdearth.mdelegant.mdmono.mdpastel.mdretro.mdvivid.mdwarm.mdreferences/renderings/chalk.mddigital.mdflat-vector.mdhand-drawn.mdpainterly.mdpixel.mdreferences/workflow/confirm-options.mdprompt-template.mdreference-images.md詳細
カバー画像ジェネレーター
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
ファイル構成
default_output_dir の設定に応じた出力ディレクトリ:
same-dir:{article-dir}/imgs-subdir:{article-dir}/imgs/independent(デフォルト):cover-image/{topic-slug}/
<output-dir>/
├── 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 語、kebab-case。競合する場合:-YYYYMMDD-HHMMSS を追加
ワークフロー
進捗チェックリスト
Cover Image Progress:
- [ ] Step 0: Check preferences (EXTEND.md) ⛔ BLOCKING
- [ ] 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 → [Step 0: Preferences] ─┬─ Found → Continue
└─ Not found → First-Time Setup ⛔ BLOCKING → Save EXTEND.md → Continue
↓
Analyze + Save Refs → [Output Dir] → [Confirm: 6 Dimensions] → Prompt → Generate → Complete
↓
(skip if --quick or all specified)
ステップ 0:設定を読み込む ⛔ BLOCKING
EXTEND.md の存在を確認します(優先順位:プロジェクト → ユーザー)。
test -f .baoyu-skills/baoyu-cover-image/EXTEND.md && echo "project"
test -f "$HOME/.baoyu-skills/baoyu-cover-image/EXTEND.md" && echo "user"
| 結果 | アクション |
|---|---|
| 見つかった | 読み込み、概要を表示 → 続行 |
| 見つからない | ⛔ 初回セットアップを実行(references/config/first-time-setup.md)→ 保存 → 続行 |
重要:見つからない場合は、ほかのステップや質問を行う前に、必ずセットアップを完了してください。
ステップ 1:コンテンツを分析する
- 参考画像を保存する(提供されている場合)→ references/workflow/reference-images.md
- ソースコンテンツを保存する(貼り付けられている場合は
source.mdに保存) - コンテンツを分析する:トピック、トーン、キーワード、視覚的なメタファー
- 参考画像を詳細に分析する ⚠️:具体的で明確な要素を抽出します(reference-images.md を参照)
- 言語を検出する:ソース、ユーザー入力、EXTEND.md の設定を比較します
- 出力ディレクトリを決定する:ファイル構成のルールに従います
ステップ 2:オプションを確認 ⚠️
確認フローの全体については、references/workflow/confirm-options.md を参照してください。
| 条件 | 省略される項目 | 引き続き確認する項目 |
|---|---|---|
--quick または quick_mode: true | 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:画像を生成
- 再生成する場合は、既存の
cover.pngをバックアップします - 画像生成スキルを確認し、複数ある場合は希望を尋ねます
- プロンプトのフロントマターから参照を処理します:
directで使用 →--refで渡します(参照対応バックエンドを使用)style/palette→ 特徴を抽出し、プロンプトに追加します
- 生成:プロンプトファイル、出力パス、アスペクト比を指定してスキルを呼び出します
- 失敗した場合:自動で 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%のゆとりを確保します
- 視覚的な基点:メイン要素を中央または左寄りに配置します
- キャラクター:簡略化したシルエットを使用します。リアルな人間は使用しません
- タイトル:ユーザーまたはソースから正確なタイトルを使用します。決して創作しません
拡張機能のサポート
EXTEND.md を使ってカスタム設定を行えます。パスについてはステップ 0を参照してください。
対応項目:透かし | 優先する寸法 | デフォルトのアスペクト比/出力 | クイックモード | カスタムパレット | 言語
スキーマ:references/config/preferences-schema.md
参照資料
寸法: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 設定:preferences-schema.md | first-time-setup.md | watermark-guide.md
OpenClaw 移行に関する注意事項
- 移行モード:OpenClaw ネイティブを優先
- 保持されるディレクトリ:
- scripts:いいえ
- references:はい
- prompts:いいえ
- 外部依存関係:なし
- リスクレベル:低
- 検出された環境変数:
HOME - 設定の互換性:元の
.baoyu-skills/<skill>/EXTEND.mdの動作を維持し、必要に応じてランタイムラッパーに OpenClaw 互換パスを追加します。
OpenClaw の事前チェック
- スクリプト例で
npx -y bun ...を使用する場合は、bunが利用可能であることを確認します。
検出された環境変数:HOME
OpenClaw の失敗時フォールバック
- ランタイム依存関係が不足している場合は、実行を停止し、正確なインストール/セットアップコマンドを返します。