30-design-master-global

Design Master — 30-design-master-global

一项涵盖 ai-business-skills 8 类设计的主技能，为个人工作（创始人、创作者）和品牌工作（Logo、营销活动、日常营销）提供统一入口。它会从项目上下文中读取品牌身份，用恰当的品牌语气编写提示词，并将请求路由到合适的工具：通过 gpt-image-2 直接生成、生成适用于 5 个热门平台的可直接粘贴的提示词，或通过 Open Design 基础设施分发。

该技能采用通俗、专业的英语编写，非设计师客户也能阅读、理解，并与 AI 一起填写。Frontmatter 字段名称保留英文（不要翻译），以确保 AI 能正确解析。

当用户提供参考图，或要求生成图像、视频或分镜的提示词时，应担任提示词导演：判断意图，将图像分析为提示词层级，输出可复制粘贴的英文提示词，并说明每张图需要哪些素材。

---

8 类设计

#	类型	主体	使用场景	工具
1	personal-brand	个人（创始人／创作者）	个人头像、字母组合标志、演讲者封面、个人语录图	gpt-image-2 光栅图像
2	business-logo	品牌 Logo 形象	Logo 主标／副标／标志图形	gpt-image-2 多方案生成：3–5 个方向 + 人工审核免责声明
3	business-campaign	品牌营销活动视觉	TVC 静帧、户外广告、产品主视觉、营销活动主视觉	gpt-image-2 光栅图像
4	marketing-day-to-day	日常营销	社交媒体帖子、横幅广告、电子邮件页眉、快拍	gpt-image-2 光栅图像
5	editorial	长篇出版物	杂志封面、文章主视觉、电子书、造型画册	gpt-image-2 光栅图像
6	infographic	数据／计划／流程可视化	路线图、流程图、对比图表	gpt-image-2（尽量减少文字，侧重图标）
7	web-mockup	UI 屏幕草图	落地页主视觉、应用屏幕模型	混合方案：使用 gpt-image-2 生成 1 张主视觉图片 + 推荐使用 HTML 技能制作完整的交互式模型
8	quote-graphic	语录帖子	Instagram「大师语录」帖子、LinkedIn 语录、励志语录	混合方案：gpt-image-2 背景 + HTML 文字叠加

---

何时触发／何时不触发

触发条件（调用此技能）

• “设计图片”“创建 Logo”“营销海报”“营销横幅”
• “社交媒体帖子设计”“信息图”“主视觉”“网页主视觉模型”
• “营销视觉”“个人头像”“字母组合标志”“语录图”
• “MidJourney 提示词”“DALL-E 提示词”“Leonardo 提示词”“Imagen 提示词”

不要调用（路由到其他技能）

情况	路由到
完整的交互式网页 UI 模型（包含多个版块和交互行为）	web-prototype / saas-landing / mobile-app / dashboard / frontend-design
视频制作（TVC、广告视频、UGC）	04-script-video-global + Seedance/Kling/Sora 分发器
动画、动态图形、精灵图	motion-frames / sprite-animation
音频素材（广告歌、配音、音效）	audio-jingle
文档排版（PDF 报告、多页电子指南）	digital-eguide / finance-report / magazine-poster

---

模式检测流程（第 0 步）

三层类型检测，按优先级排序：

第 1 层 — 关键词自动检测

关键词	检测到的类型
"avatar", "profile picture", "monogram", "speaker cover", "headshot"	personal-brand
"logo", "wordmark", "lockup", "brand mark"	business-logo
"key visual", "campaign visual", "TVC still", "OOH", "product hero"	business-campaign
"social post", "banner ad", "email header", "IG story", "Facebook post"	marketing-day-to-day
"magazine cover", "article hero", "e-book cover", "editorial", "lookbook"	editorial
"infographic", "roadmap visual", "process flow", "comparison chart", "data viz"	infographic
"hero web", "landing hero image", "app screen mockup"	web-mockup
"quote", "quote graphic", "guru post", "motivational post"	quote-graphic
"reference image", "same style", "same composition", "master prompt", "based on this image"	保留检测到的类型 + 激活 Prompt Director 参考模式
"change color", "brand color", "add logo", "replace logo", "match brand guideline"	保留检测到的类型 + 激活 Prompt Director 品牌适配
"too AI-looking", "not realistic", "wrong color", "wrong angle", "revise prompt"	保留检测到的类型 + 激活 Prompt Director 诊断

第 2 层 — 显式标记

用户传入 --type=business-logo（或其他 7 种类型之一）→ 覆盖第 1 层的结果。

第 3 层 — 模糊情况回退

如果没有匹配项，且未设置标记 → 只问一个问题：

"这属于 8 种设计类型中的哪一种？

1. personal-brand 2) business-logo 3) business-campaign 4) marketing-day-to-day 5) editorial 6) infographic 7) web-mockup 8) quote-graphic"

继续之前，先输出一行透明度说明：

[detect type: business-logo — matched keyword "logo" + brand name "Lattéa"]

---

Prompt Director 模式

当用户提供参考图、要求编写主提示词、希望替换人脸/颜色/Logo，或对失败结果提供反馈时，激活此模式。在编写提示词前，加载 references/prompt-director.md。

规则：

• 不要一开始就提出冗长的问题。 如果请求足够明确，先生成提示词，并在末尾列出缺失内容。
• 参考图是风格/构图来源，除非用户另有说明，否则不自动视为人脸、Logo 或产品来源。
• 按类型索取替换素材： 人脸参考图、Logo 文件、品牌色板十六进制值、产品图片、背景/地点、准确文本。
• 多张图片 = 多个流程。 将其命名为 Flow A/B/C，说明每张图片的用途，并为每个流程提供提示词、负面提示词和缺失素材列表。
• 图像/视频模型的最终提示词默认使用英文；面向用户的说明使用用户的语言。

参考图输出模板：

## Image flows

| Flow | Input image | Role | Output |
|------|-------------|------|--------|
| A | [file/path] | style/composition reference | master prompt |

## Copy-paste prompt — Flow A
[English prompt]

## Negative prompt / Avoid
[English avoid list]

## Upload next to personalize Flow A
- Face reference:
- Logo:
- Brand colors:
- Exact text:
- Product/background:

---

运行时工作流 — 5 个步骤

第 1 步 — 检测设计类型

运行上述 3 层级联检测。在进入第 2 步之前，输出 [detect type: ...]。

第 2 步 — 加载参考文件

按需延迟加载：

• CONVENTIONS.md — 每个会话加载一次
• references/prompt-director.md — 对于参考图、主提示词、人脸/颜色/Logo 替换、多张图片或提示词反馈时加载
• references/<type>.md — 加载与刚检测到的类型匹配的文件（例如 references/business-logo.md）
• references/brand-identity-source.md — 类型以 business-* 开头时加载
• references/fallback-prompt-format.md — 层级为 Free 时加载（参见第 5 步）
• templates/<format>.md — 加载与所请求格式匹配的模板（例如 templates/poster.md、templates/social-square.md）

第 3 步 — 读取品牌标识

业务模式（business-logo / business-campaign / marketing-day-to-day）：必需 — 必须找到品牌标识。按优先级自动搜索：

1. assets/brand/logo.{svg,png,ai} — 主 Logo 文件
2. 项目根目录中的 brand-guideline.md / brand-identity.md
3. 02-campaign-brief-global/output.md 中的 “Brand mandatories” 部分 — Campaign 简报包含品牌约束
4. prd.md 的 frontmatter 中的 target_user + “Visual cues” 部分 — 风格方向
5. prd.md 的第 6 节 — 为视觉概念提供参考的功能

如果业务模式下未找到任何内容 → 阻止 + 请用户上传 Logo + 指定调色板（3 个十六进制颜色代码）+ 提供主要字体系列名称。

个人模式（personal-brand / 个人 quote-graphic）：品牌标识为可选项。提供风格形容词（3–5 个词）+ 颜色偏好（3 种氛围色）即可。

Editorial / Infographic / Web-mockup：视上下文而定 — 如果素材面向品牌，则按业务模式处理；如果面向个人或用于通用场景，则按个人模式处理。

第 4 步 — 按类型路由

类型	路由操作
1–5（personal-brand、business-logo、business-campaign、marketing-day-to-day、editorial）	编写栅格图像提示词 → 前往第 5 步
6（infographic）	使用文本精简策略编写提示词：图标为主、采用品牌调色板、最多 2-3 个数字数据，禁止长段落 → 前往第 5 步
7（web-mockup hybrid）	编写 1 条主视觉图像提示词 → 第 5 步 + 输出 HTML 技能推荐区块；主视觉生成后正常结束
8（quote-graphic）	编写背景图像提示词（图像中不含文字）+ 创建 HTML 覆盖层模板（通过 HTML 渲染文字，绝不将文字直接嵌入图像）

第 5 步 — 检查 API 层级 + 生成

在 Bash 中检测层级：

if [[ -n "$OPENAI_API_KEY" ]]; then
  TIER="pro"   # direct gpt-image-2
elif [[ -n "$OD_BIN" && -x "$OD_BIN" ]]; then
  TIER="enterprise"   # Open Design dispatcher
else
  TIER="free"   # prompt-only fallback
fi

输出行：[tier: <X>] [model: <Y>]。

层级	行为	输出
Free	没有可用的 API key	docs/design/<slug>-prompt.md，包含适用于 5 个平台（DALL-E 3、MidJourney v6、Leonardo、Imagen 3、Bing/Copilot Designer）的可直接粘贴提示词 — 参见 references/fallback-prompt-format.md
Pro	已设置 OPENAI_API_KEY → 直接调用 gpt-image-2	docs/design/<slug>.png + docs/design/<slug>.md（元数据）
Enterprise	$OD_BIN 存在且可执行 → 通过 Open Design 基础设施（现有的 image-poster 基础设施）分发	docs/design/<slug>.png + docs/design/<slug>.md（包含 gen_mode: api-dispatcher 的元数据）

类型 7 web mockup — 主视觉图像生成后（Pro/Enterprise 层级），输出推荐区块：

[NEXT STEP] Hero image generated. For a full multi-section interactive mockup,
also run one of:
  - web-prototype (general landing/marketing page)
  - saas-landing (SaaS product page)
  - mobile-app (mobile app screens)
  - dashboard (admin/analytics dashboard)
  - frontend-design (Figma-style design tokens)

类型 8 quote graphic — 输出 2 个文件：

• docs/design/<slug>-bg.png — 通过 gpt-image-2 生成的背景图像（不含文字）
• docs/design/<slug>.html — HTML 覆盖层，在背景上渲染引文文字（HTML 可保持字体清晰，避免 AI 扭曲字母）

---

输出文件的 Frontmatter 架构

每个 docs/design/<slug>.md 元数据文件都必须包含以下 frontmatter：

---
title: <Image asset name>
type_artifact: image-generated | image-prompt-fallback | infographic-html | web-hero-image
mode: personal-brand | business-logo | business-campaign | marketing-day-to-day | editorial | infographic | web-mockup | quote-graphic
subject: <1-line description>
source_brief: <path to source brief if any>
brand_identity:
  logo_path: <path or "none">
  palette: [<hex>, <hex>, ...]
  typography: <font family or "none">
  style_adjectives: [<adj>, <adj>, ...]
format: poster | social-square | social-vertical | banner-hero | magazine | infographic | logo-variant | quote
aspect_ratio: 1:1 | 9:16 | 16:9 | 3:4 | 4:3 | custom
gen_mode: api-direct | api-dispatcher | fallback-prompt | hybrid
model: gpt-image-2 | dall-e-3 | midjourney-v6 | flux | imagen-3 | manual
output_files:
  - <path>
created: 2026-05-20
last_updated: 2026-05-20
---

字段名称保留英文 — 请勿翻译（否则会影响 AI 解析）。文件正文可使用客户端能读懂的任意语言。

---

错误处理——8 种真实场景

场景	处理方式
类型不明确（没有关键词匹配，也没有标志）	提出 1 个问题，列出全部 8 个选项（参见步骤 0 中的第 3 层）
商业模式 + 缺少品牌标识	阻止操作 + 请用户上传徽标 + 指定调色板（3 个十六进制代码）+ 提供字体系列名称
调用 gpt-image-2 时 OPENAI_API_KEY 无效 / 配额超限	回退到免费层级（仅提示词）+ 输出一行错误信息
类型 7 网页模型图，但用户实际想要完整的多分区 UI	可以采用混合方案：生成主视觉图片 + 附上使用 web-prototype（或 4 个同类技能之一）制作完整模型图的建议
用户要求生成徽标，但尚无品牌价值观	通过 3 个问题探询：品牌名称、行业、价值观（3-5 个词）——只有这样才能生成有灵魂的徽标
信息图文本过多，数据点 >5 个	警告：“AI 生成图片中的文字并不可靠。对于文本较多的信息图，建议使用 Canva 模板。”如果用户确认，仍然生成。
引言图片文字 >50 个字符	警告：同上——建议仅生成背景 + 使用 HTML 叠加文字（类型 8 默认已采用此方式）
用户要求的格式与检测到的类型不匹配	建议使用匹配的模式——例如，“落地页横幅” → mode=marketing-day-to-day format=banner-hero

---

反模式——切勿

• 将徽标作为最终交付成果 → 始终生成多版本设计集（3–5 种方向）+ 人工审核免责声明
• 在图片中嵌入 >50 个字符的文字——AI 生成会扭曲长文本、拼错单词、使带重音符号的字符变形
• 将栅格网页模型图冒充成交互式内容——必须采用混合方案 + 建议使用 HTML 技能
• 在商业模式下跳过品牌标识检查——输出内容看起来会与品牌脱节
• 输出仅由关键词组成的提示词（例如，“漂亮的咖啡馆徽标”）——必须遵循 5 部分结构化提示词框架：主体 + 构图 + 光线 + 调色板 + 风格 + 排除项
• 如果项目已有品牌标识文件，却仍将十六进制颜色硬编码——应从源文件读取
• 将 frontmatter 字段名称翻译成非英语——这会破坏 AI 解析
• 每轮生成 >1 张图片，徽标多版本设计集除外
• 使用 Pro/Enterprise 层级时，只保存提示词而不生成图片——这会浪费 API 预算
• 生成图片却不保存 .md 元数据 sidecar 文件——下次将丢失上下文

---

生成前自检

每次调用 gpt-image-2 或导出回退提示词前，都先问自己：

“这个输出是否符合品牌语气和标识？客户看到它时能认出这个品牌吗？如果这是个人品牌相关内容——它是否体现了用户实际写下的风格形容词？”

如果你无法对 3 个问题中的 2 个给出肯定答复 → 返回步骤 3，重新阅读品牌标识，或再向用户提 1–2 个问题。

---

示例参考

• examples/personal-founder-avatar.md — OPA 创始人头像（风格：自信、温暖、简约）
• examples/lattea-fall-campaign-poster.md — Lattéa 秋季宣传活动的主视觉（调色板：棕色 + 焦橙色）
• examples/ai-income-mastery-quote-graphic.md — “AI Income Mastery”课程的 IG 引言图片（背景 + HTML 叠加文字）
• examples/opa-roadmap-infographic.md — OPA 产品路线图信息图（图标丰富、文字精简）

---

速查表——何时加载哪个文件

需要……	加载此文件
了解 frontmatter 格式、输出位置和通用提示词规则	CONVENTIONS.md
参考图、主提示词、人脸／颜色／Logo 替换、提示词诊断	references/prompt-director.md
为 8 种类型之一编写提示词	references/<type>.md（例如 references/business-logo.md）
查找商务模式的品牌形象来源	references/brand-identity-source.md
为 Free 层级的 5 个平台设置提示词格式	references/fallback-prompt-format.md
使用特定格式模板（海报、横幅、快拍等）	templates/<format>.md
查看实际输出示例	examples/<example-name>.md

---

通俗英语政策

此技能采用通俗、专业的英语编写，让非设计专业的企业主也能阅读、跟着操作，并与 AI 一起填写。技术术语（gpt-image-2、DALL-E 3、MidJourney）保留原文，并在首次出现时作简要说明。示例采用具有真实全球品牌氛围的品牌：Lattéa（一家虚构的全球咖啡连锁店）、Lumière Studio（创意机构）、AI Income Mastery（在线课程）、OPA（产品）。不使用随意编造的占位品牌名称。

通俗英语适用性自测：“不懂设计术语的小企业主能看懂这一节吗？”如果不能——就重写。