使い方ガイドへスキップ
Baoyu Cover Image作者 Jim Liu (Baoyu)

Baoyu Cover Image スキル。

記事全体をカバーに圧縮するのではなく、記事についての明確なビジュアル上の約束を1つ示します。

  • エディトリアルデザイン
  • カバー画像
ソースレビュー · Baoyu Cover ImageSKILL.md
タスク エディトリアルデザイン 生成物 • 指定されたアスペクト比で生成された記事カバー • カバーのアートディレクションとアスペクト比を記録した保存済みプロンプト • 後の改訂に備えて保持されたソースおよび参照素材 開始前に 利用可能なラスター画像バックエンドと、スキルの設定およびアートディレクションの参照資料。
エディトリアル概要 · ソース確認済み 2026-10-07 · 生成例ではありません

01 機能概要

記事に焦点を絞ったビジュアルカバーを作る

構図、パレット、レンダリング、テキスト、ムードを個別に選び、保存済みプロンプトに記録する記事カバー制作ワークフロー。

ソースに基づくワークフロー実行ベンチマークではありません

作業方法

Baoyu Cover Imageは、リード画像に特化したワークフローです。記事のテーマとトーンを分析し、構図の種類、パレット、レンダリング、テキスト量、ムードを分けて指定します。フォント処理とアスペクト比は追加の制御項目です。そのため、ビジュアルのみの正方形カバーと、タイトルを主役にしたワイドスクリーンのカバーは、同じコンセプトを共有しながらも、同じトリミングにはなりません。

ソースでは、明確なアンカーと十分な余白を重視しています。タイトルはユーザーまたはソースから与えられるべきで、生成時に発明するものではありません。参照画像は対象、スタイル、パレットの指針にできます。また、保存済みプロンプトファイルによって、その後の変更を追跡可能にできます。成果物はラスターカバーであり、レイヤー構造を持つエディトリアルデザイン文書ではありません。

想定される成果物

  • 指定されたアスペクト比で生成された記事カバー
  • カバーのアートディレクションとアスペクト比を記録した保存済みプロンプト
  • 後の改訂に備えて保持されたソースおよび参照素材
例のブリーフを見る

ブリーフからレビューまで

  1. 01
    カバーのアイデアを見つける

    記事の中心的なコンセプト、トーン、そして過剰な細部なしにそれを伝えるビジュアル上のアンカーを特定します。

  2. 02
    アートディレクションを設定する

    生成前に、構図の種類、パレット、レンダリング、タイトル処理、ムード、アスペクト比を確認します。

  3. 03
    カバーサイズで確認する

    想定表示サイズで実際のタイトル、焦点、トリミングを確認します。再生成するときはプロンプトを改訂し、以前の候補を保持します。

02 利用場面

使う場面

利用可能なラスター画像バックエンドと、スキルの設定およびアートディレクションの参照資料。

適した用途

  • 記事のリード画像フィードやページヘッダーで、エディトリアルのテーマを導入する単一のビジュアルが必要な場合に役立ちます。
  • 制御されたカバーのバリエーション基礎となるコンセプトを維持しながら、パレットやテキスト量など1つの要素を変更する用途に適しています。

確認すべき制限

  • ラスター内のテキストは失敗する可能性がある生成されたタイトルは確認が必要です。スペルや可読性に問題がある場合、ソースでは再生成するか、テキスト量を減らすことを推奨しています。
  • 記事全体のイラストセットではないこのワークフローは、記事全体にわたってビジュアルによる説明を選ぶのではなく、カバーに焦点を当てています。

用意する入力

  • 記事と正確なタイトルソースとなるテーマと、カバーに使用してよい正確な文言を提供します。
  • 配置と比率アセットを正方形のフィード、ワイドスクリーンのヘッダー、または別のトリミングで表示するか指定します。
  • ブランドの方向性パレット、レンダリングの参照資料、除外すべき要素を提示します。

03 重要な判断

重要な判断

  1. テキスト量を明示的に指定できる

    このワークフローでは、装飾的なコピーを自動的に追加するのではなく、タイトルなし、タイトルのみ、またはより豊富なテキストから選べます。

  2. 1変数ずつ改訂する

    アートディレクションの各要素が分かれているため、採用した構図を破棄せずに、パレットやレンダリングの変更を依頼しやすくなります。

04 依頼例

焦点を絞ったブリーフを試す

以下の例のブリーフはテストされていません。使用前にスキルの設定を確認してください。

設定を確認する

環境設定を完了し、選択したレンダリングの参照資料を利用できる状態にしておきます。実際の出力サイズと参照画像への対応は、バックエンドの機能によって決まります。

上流のソースファイル
https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-cover-image/SKILL.md

利用可能なラスター画像バックエンドと、スキルの設定およびアートディレクションの参照資料。

1つの成果物から始める

このスキルを実行する前に、このブリーフの範囲、ソース素材、制約を調整します。

例のブリーフ
baoyu-cover-imageを使い、この記事の16:9カバーを、正確なタイトルで提案してください。コンセプトは最小限にし、パレットは暖色系のニュートラルカラーと1色のグリーンのアクセントに限定し、フィードのサムネイルに十分な余白を残してください。生成前に、予定している構図の種類、レンダリング、テキスト量を示してください。サブタイトルを発明したり、生成結果の誤った文字を上から塗りつぶしたりしないでください。

結果を確認する

以下の観察可能な基準に照らして実際の出力を確認します。

  • カバーのコンセプトが記事を正確に導入している。
  • 表示されたタイトルが承認済みの文言と一致し、読みやすさも保たれている。
  • 意図した表示サイズとトリミングでも焦点が維持されている。

OpenDesignは、コーディングエージェント向けのローカルデザイン作業環境を提供します。この掲載は、スキルが同梱されていることや、外部ツール、認証情報、ソフトウェア依存関係が含まれていることを意味しません。

05 ソースとライセンス

ソースとライセンス

このページでは、以下にリンクされた固定済みソースリビジョンについて説明します。上流の動作や要件は変更される可能性があります。

ソース所有者
Jim Liu (Baoyu)
リポジトリ
JimLiu/baoyu-skills
ライセンス
MIT
確認済みスナップショット
2026-10-07 · 1567581c26ec
エディトリアルソース概要
構図、パレット、レンダリング、テキスト、ムードを個別に選び、保存済みプロンプトに記録する記事カバー制作ワークフロー。

リンクされたソースに基づく、OpenDesignによるオリジナル概要。リポジトリのスター数は時点付きの人気指標であり、スキルの利用数や品質スコアではありません。

06 開始前の質問

開始前の質問

カバーにテキストを入れなくてもよいですか?

はい。ソースには、ビジュアルのみのテキストレベルと、タイトルなしのオプションが含まれています。

パレットだけ変更できますか?

はい。パレットは構図やレンダリングとは別なので、プロンプトで採用した構造を維持できます。

保存済みのPNGには編集可能なタイトルレイヤーが含まれますか?

いいえ。文書化された成果物は生成されたラスター画像であり、レイヤー化されたタイポグラフィは保証されていません。

OpenDesign

次のデザイン改訂のための余地を残す。

ブリーフ、ソース素材、デザイン作業をローカルの作業環境にまとめて保持します。ワークフローに追加する前に、スキル自体の設定を確認してください。

上流のソースファイル
https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-cover-image/SKILL.md