muapi-design-guide

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Brand Design Guide

品牌设计指南

Create a comprehensive brand design guide — color palette, typography pairings, UI component previews, and visual identity rules with example mockups.

Estimated credits: ~120 per run.

创建一份全面的品牌设计指南——包含调色板、字体搭配、UI组件预览、视觉标识规则及示例模型。

预估消耗积分： 每次运行约120积分。

Inputs

输入参数

Name	Type	Required	Default	Description
`brand_name`	text	yes	—	The brand or product name.
`industry`	text	yes	—	Industry/niche (e.g. "fintech startup", "organic skincare", "luxury hotel chain").
`style_direction`	text	no	modern, minimal, premium	Design aesthetic (e.g. "bold and playful", "corporate and trustworthy", "dark luxury").
`primary_color`	text	no	—	Optional brand primary color (hex code or color name, e.g. "#3898EC" or "deep navy").
`existing_logo`	image_url	no	—	Optional existing logo to extract brand cues from.

名称	类型	是否必填	默认值	描述
`brand_name`	文本	是	—	品牌或产品名称。
`industry`	文本	是	—	行业/细分领域（例如“金融科技初创公司”、“有机护肤品”、“豪华连锁酒店”）。
`style_direction`	文本	否	modern, minimal, premium	设计美学风格（例如“大胆活泼”、“专业可靠”、“深色奢华”）。
`primary_color`	文本	否	—	可选的品牌主色调（十六进制代码或颜色名称，例如“#3898EC”或“深藏青色”）。
`existing_logo`	图片URL	否	—	可选的现有Logo图片URL，用于提取品牌线索。

Steps

步骤

This skill runs THREE parallel generation phases, all in a single the plan.

本Skill会在一个流程中运行三个并行生成阶段。

Phase A — Color & Typography Reference Card

阶段A — 颜色与字体参考卡片

Color palette card —

muapi image generate

(model=

bytedance-seedream-v4.5

Prompt:

Clean design guide color palette card for {{brand_name}} — {{style_direction}} style brand for {{industry}}. Shows 5 swatches: primary, secondary, accent, background, text. Each swatch labeled with hex code. Modern design reference card, white background, editorial typography, flat design.

{{primary_color}}

is given, include it:

primary color is {{primary_color}}

Aspect ratio: 16:9

Typography pairing preview —

muapi image generate

(model=

bytedance-seedream-v4.5

Prompt:

Brand typography pairing sheet for {{brand_name}} — {{style_direction}}. Shows heading font (large, bold), subheading font (medium), body font (small regular), and caption font. Includes font names, sizes, and usage rules. Clean white background, professional design reference.

Aspect ratio: 16:9

调色板卡片 —

muapi image generate

(model=

bytedance-seedream-v4.5

提示词：

为{{brand_name}}打造简洁的设计指南调色板卡片——面向{{industry}}的{{style_direction}}风格品牌。展示5个色样：主色、辅助色、强调色、背景色、文本色。每个色样标注十六进制代码。现代设计参考卡片，白色背景，编辑式字体，扁平化设计。

若提供了

{{primary_color}}

，需添加：

主色调为{{primary_color}}

宽高比：16:9

字体搭配预览 —

muapi image generate

(model=

bytedance-seedream-v4.5

提示词：

{{brand_name}}品牌字体搭配表——{{style_direction}}风格。展示标题字体（大号、加粗）、副标题字体（中号）、正文字体（小号常规）及说明文字字体。包含字体名称、字号及使用规则。简洁白色背景，专业设计参考样式。

宽高比：16:9

Phase B — UI Component Preview

阶段B — UI组件预览

UI components mockup —

muapi image generate

(model=

gpt4o-text-to-image

Prompt:

{{brand_name}} brand design system UI kit — {{style_direction}} for {{industry}}. Shows: primary button, secondary button, input field, card component, badge/tag, icon set sample. Consistent brand colors and fonts. Professional design spec sheet, light mode, high detail, Figma-style component documentation.

Aspect ratio: 4:3

UI组件模型 —

muapi image generate

(model=

gpt4o-text-to-image

提示词：

{{brand_name}}品牌设计系统UI组件库——面向{{industry}}的{{style_direction}}风格。展示：主按钮、次要按钮、输入框、卡片组件、徽章/标签、图标集示例。品牌色彩与字体保持一致。专业设计规范表，浅色模式，高细节，Figma风格组件文档。

宽高比：4:3

Phase C — Brand Application Mockup

阶段C — 品牌应用模型

Real-world mockup —

muapi image generate

(model=

nano-banana-pro

Prompt:

{{brand_name}} brand identity applied to real-world mockups — {{style_direction}} style for {{industry}}. Shows business card, letterhead, and mobile app icon all with consistent brand identity. Professional brand presentation, clean background, photorealistic mockups.

{{existing_logo}}

provided, use

muapi image edit

(model=

nano-banana-pro-edit

) with it as reference.

Aspect ratio: 4:3

After all assets generate:

Present all 4 assets together as a cohesive design guide
Provide a written text summary with: suggested font stack, hex codes, spacing rules, and do/don't guidelines
Offer to generate a social media template or logo next

真实场景模型 —

muapi image generate

(model=

nano-banana-pro

提示词：

{{brand_name}}品牌标识应用于真实场景模型——面向{{industry}}的{{style_direction}}风格。展示名片、信头纸和移动应用图标，均保持一致的品牌标识。专业品牌展示，简洁背景，写实风格模型。

若提供了
```
{{existing_logo}}
```
，则使用
```
muapi image edit
```
(model=
```
nano-banana-pro-edit
```
)，以此Logo为参考进行编辑。
宽高比：4:3

所有资源生成完成后：

将4项资源整合为一份连贯的设计指南
提供书面总结，内容包括：建议的字体组合、十六进制代码、间距规则及注意事项（可做/不可做）
提供后续生成社交媒体模板或Logo的选项

Notes

注意事项

All prompts should reinforce {{style_direction}} consistently across all phases.
If {{primary_color}} is blank, derive one from the {{industry}} and {{style_direction}} context.

所有提示词需在各阶段始终强化{{style_direction}}风格。
若未提供{{primary_color}}，则根据{{industry}}和{{style_direction}}上下文推导主色调。

Trigger Keywords

触发关键词

design guide

brand guide

style guide

design system

brand identity

visual identity

brand colors

typography

design guide

brand guide

style guide

design system

brand identity

visual identity

brand colors

typography

Notes for the Executing Agent

执行Agent注意事项

This recipe is LLM-orchestrated: read each phase, gather any missing inputs from the user, then call
```
muapi
```
CLI commands. Use
```
muapi auth configure
```
first if
```
MUAPI_API_KEY
```
is unset.

For model IDs without a CLI alias yet, fall back to the raw endpoint via

curl -X POST https://api.muapi.ai/api/v1/<endpoint> -H "x-api-key: $MUAPI_API_KEY" -H 'content-type: application/json' -d '{...}'

and poll with

muapi predict wait <request_id>

Substitute
```
{{input_name}}
```
placeholders with the user's actual inputs before issuing each call.

本流程由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}}
```
占位符替换为用户的实际输入。