muapi-design-guide

ブランドデザインガイド

カラーパレット、タイポグラフィの組み合わせ、UI コンポーネントのプレビュー、ビジュアルアイデンティティのルールをサンプルモックアップとともに網羅したブランドデザインガイドを作成します。

入力

名前	種類	必須	デフォルト	説明
brand_name	テキスト	はい	—	ブランド名または製品名です。
industry	テキスト	はい	—	業界／ニッチ（例：「フィンテックのスタートアップ」「オーガニックのスキンケア」「高級ホテルチェーン」）です。
style_direction	テキスト	いいえ	modern, minimal, premium	デザインの美的方向性（例：「大胆で遊び心のある」「企業的で信頼感のある」「ダークで高級感のある」）です。
primary_color	テキスト	いいえ	—	任意のブランドのプライマリカラー（16 進数コードまたは色名。例：「#3898EC」または「濃紺」）です。
existing_logo	image_url	いいえ	—	ブランドの特徴を抽出するための、既存のロゴ（任意）です。

手順

このスキルでは、3 つの生成フェーズを並行して、単一の計画内ですべて実行します。

フェーズ A — カラーとタイポグラフィのリファレンスカード

1. カラーパレットカード — muapi image generate（model=bytedance-seedream-v4.5）：

   • プロンプト：{{brand_name}} のための、{{industry}} 向け {{style_direction}} スタイルのブランドカラーパレットカード。5 つのスウォッチ（プライマリ、セカンダリ、アクセント、背景、テキスト）を表示。それぞれのスウォッチには 16 進数コードのラベルを付ける。モダンなデザインのリファレンスカード、白い背景、エディトリアルなタイポグラフィ、フラットデザイン。
   • {{primary_color}} が指定されている場合は、これを含めます：プライマリカラーは {{primary_color}}
   • アスペクト比：16:9

2. タイポグラフィの組み合わせプレビュー — muapi image generate（model=bytedance-seedream-v4.5）：

   • プロンプト：{{brand_name}} のための {{style_direction}} スタイルのブランドタイポグラフィ組み合わせシート。見出しフォント（大きく太字）、小見出しフォント（中サイズ）、本文フォント（小さく標準の太さ）、キャプションフォントを表示。フォント名、サイズ、使用ルールを含める。すっきりとした白い背景、プロフェッショナルなデザインリファレンス。
   • アスペクト比：16:9

フェーズ B — UI コンポーネントプレビュー

3. UI コンポーネントのモックアップ — muapi image generate（model=gpt4o-text-to-image）：
   • プロンプト：{{industry}} 向けの {{style_direction}} スタイルによる {{brand_name}} ブランドのデザインシステム UI キット。以下を表示：プライマリボタン、セカンダリボタン、入力フィールド、カードコンポーネント、バッジ／タグ、アイコンセットのサンプル。ブランドカラーとフォントに一貫性を持たせる。プロフェッショナルなデザイン仕様書、ライトモード、高精細、Figma スタイルのコンポーネントドキュメント。
   • アスペクト比：4:3

フェーズ C — ブランド適用モックアップ

4. 実物への適用モックアップ — muapi image generate（model=nano-banana-pro）：
   • プロンプト：{{industry}} 向けの {{style_direction}} スタイルによる {{brand_name}} のブランドアイデンティティを、実物のモックアップに適用。名刺、レターヘッド、モバイルアプリアイコンを、すべて一貫したブランドアイデンティティで表示。プロフェッショナルなブランドプレゼンテーション、すっきりとした背景、フォトリアルなモックアップ。
   • {{existing_logo}} が指定されている場合は、それを参照画像として muapi image edit（model=nano-banana-pro-edit）を使用します。
   • アスペクト比：4:3

すべての素材を生成した後：

• 4 つの素材をすべてまとめ、一貫性のあるデザインガイドとして提示します
• フォントスタックの提案、16 進数コード、スペーシングのルール、推奨事項と禁止事項を含むテキストの要約を提供します
• 次にソーシャルメディアのテンプレートまたはロゴを生成することを提案します

注意事項

• すべてのプロンプトで、全フェーズを通じて {{style_direction}} に一貫性を持たせます。
• {{primary_color}} が空欄の場合は、{{industry}} と {{style_direction}} のコンテキストからカラーを決定します。

トリガーキーワード

design guide, brand guide, style guide, design system, brand identity, visual identity, brand colors, typography

---

実行エージェント向けの注意事項

• このレシピは 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 '{...}' で生のエンドポイントにフォールバックし、muapi predict wait <request_id> でポーリングしてください。
• 各呼び出しを実行する前に、{{input_name}} プレースホルダーをユーザーの実際の入力に置き換えてください。