mcpField
M
muapi-blog-header

muapi-blog-header

github.com/samuraigptデザイン・UI25659 回インストール4 週間前に更新
リポジトリ

muapi-blog-header について

muapi-blog-headerは、ブログ運営者やコンテンツデザイナー向けのヘッダー画像生成ワークフローです。記事テーマからビジュアル案を導き、タイトル用の余白を設けます。スタイルや色も指定できます。

主な機能

  1. 01テーマからビジュアルの比喩を考案
  2. 02横長のブログヘッダー画像を生成
  3. 03出版スタイルと基調色を指定
  4. 04タイトル配置案と代替テキストを提示

活用シーン

  1. 01ブログ記事のヘッダー画像を作成
  2. 02Open Graph用の画像を準備
  3. 03既存のブランド写真を記事ヘッダー向けに調整

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/samuraigpt/generative-media-skills --skill muapi-blog-header

インストール後、Claude Code で/muapi-blog-headerを入力して読み込まれたか確認します。

詳細

ブログヘッダー

ウェブ向けのサイズ(1200×628)で、プロフェッショナルかつ目を引くブログ記事のヘッダー画像を作成します。タイトルの配置に関するガイダンスは任意です。

入力

名前タイプ必須デフォルト説明
topictextはい—ブログ記事のトピックまたはタイトル(例:「リモート開発者向けの生産性向上術10選」)。
publication_styletextいいえクリーン、エディトリアル、モダン、プロフェッショナルブログのブランドに合ったビジュアルスタイル(例:「ダークなテックブログ」「温かみのあるライフスタイル」「ミニマルな企業向け」)。
dominant_colortextいいえ—任意のメインカラーの方向性(例:「ディープブルー」「ウォームアンバー」「モノクローム」)。

手順

公開品質のブログヘッダーを一度で1枚生成します。ユーザーがバリエーションを希望しない限り、プランは不要です。

  1. {{topic}} に合った印象的な視覚的メタファーを導き出します。
    • ありがちなストックフォトの構図(握手、単独の電球など)は避けます。
    • 代わりに、動きのあるフラットレイ、抽象的な概念の視覚化、イラストのシーン、またはドラマチックなライフスタイルの瞬間を優先します。
  2. 画像プロンプトを作成します。
    • 被写体:上記のメタファーから導き出します。
    • スタイル:{{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/ブログのヒーロー画像)。
  3. 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 によってオーケストレーションされます。各フェーズを読み、ユーザーに不足している入力を確認してから、muapi CLI コマンドを呼び出します。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}} プレースホルダーをユーザーの実際の入力に置き換えます。

コメント