muapi-blog-header について
muapi-blog-headerは、ブログ運営者やコンテンツデザイナー向けのヘッダー画像生成ワークフローです。記事テーマからビジュアル案を導き、タイトル用の余白を設けます。スタイルや色も指定できます。
主な機能
- 01テーマからビジュアルの比喩を考案
- 02横長のブログヘッダー画像を生成
- 03出版スタイルと基調色を指定
- 04タイトル配置案と代替テキストを提示
活用シーン
- 01ブログ記事のヘッダー画像を作成
- 02Open Graph用の画像を準備
- 03既存のブランド写真を記事ヘッダー向けに調整
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ samuraigpt/ generative-media-skills --skill muapi-blog-headerインストール後、Claude Code で/muapi-blog-headerを入力して読み込まれたか確認します。
詳細
ブログヘッダー
ウェブ向けのサイズ(1200×628)で、プロフェッショナルかつ目を引くブログ記事のヘッダー画像を作成します。タイトルの配置に関するガイダンスは任意です。
入力
| 名前 | タイプ | 必須 | デフォルト | 説明 |
|---|---|---|---|---|
topic | text | はい | — | ブログ記事のトピックまたはタイトル(例:「リモート開発者向けの生産性向上術10選」)。 |
publication_style | text | いいえ | クリーン、エディトリアル、モダン、プロフェッショナル | ブログのブランドに合ったビジュアルスタイル(例:「ダークなテックブログ」「温かみのあるライフスタイル」「ミニマルな企業向け」)。 |
dominant_color | text | いいえ | — | 任意のメインカラーの方向性(例:「ディープブルー」「ウォームアンバー」「モノクローム」)。 |
手順
公開品質のブログヘッダーを一度で1枚生成します。ユーザーがバリエーションを希望しない限り、プランは不要です。
{{topic}}に合った印象的な視覚的メタファーを導き出します。- ありがちなストックフォトの構図(握手、単独の電球など)は避けます。
- 代わりに、動きのあるフラットレイ、抽象的な概念の視覚化、イラストのシーン、またはドラマチックなライフスタイルの瞬間を優先します。
- 画像プロンプトを作成します。
- 被写体:上記のメタファーから導き出します。
- スタイル:
{{publication_style}}, editorial photography, 16:9 wide, professional blog header,ample negative space on the left side for title text overlay, {{dominant_color}} color palette。 - 品質:高品質。
- アスペクト比:1.91:1(標準的な Open Graph/ブログのヒーロー画像)。
muapi image generateを呼び出します(model=gpt-image-2-text-to-image, aspect_ratio=21:9)。
成果物
以下を返します。
- ヘッダー画像のアセット。
- タイトルの配置ガイダンス:読みやすさを最大限に高めるため、ブログタイトルを重ねる位置。
- 簡潔な代替テキスト:SEO に適した画像の代替テキスト(1文)。
注意事項
- タイトルがぶつからずに重ねられるよう、意図的に余白(ネガティブスペース)を設けます。
- ユーザーが既存のブランド写真をアップロードした場合は、ゼロから生成する代わりに
muapi image editを使って調整します。 - ダークモードのブログには暗い背景を、ライトモードには明るい背景を提案します。
トリガーキーワード
blog header, blog image, article image, featured image, og image, open graph image, hero image
実行エージェント向けの注意事項
- このレシピは LLM によってオーケストレーションされます。各フェーズを読み、ユーザーに不足している入力を確認してから、
muapiCLI コマンドを呼び出します。MUAPI_API_KEYが設定されていない場合は、まずmuapi auth configureを実行します。 - CLI エイリアスがまだないモデル ID については、
curl -X POST https://api.muapi.ai/api/v1/<endpoint> -H "x-api-key: $MUAPI_API_KEY" -H 'content-type: application/json' -d '{...}'で raw endpoint にフォールバックし、muapi predict wait <request_id>でポーリングします。 - 各呼び出しを実行する前に、
{{input_name}}プレースホルダーをユーザーの実際の入力に置き換えます。
コメント
Markdown 対応