30-thiet-ke-master

设计大师 — 30-thiet-ke-master

设计大师技能为 ai-business-skills 处理 8 种设计类型。个人设计（创始人、创作者）和品牌设计（Logo、campaign、日常营销）一站式搞定。自动从项目上下文中读取品牌形象，撰写符合品牌语调的提示词，并路由到合适的工具：通过 gpt-image-2 直接生成、为 5 个常见平台提供备用提示词，或通过 Open Design 基础设施分发。

整个技能均使用通俗越南语编写，方便客户端阅读、理解并填写。字段名称保留英文，以免影响 AI 解析。

当用户提供参考图片，或请求生成图片、视频、分镜的提示词时，技能将充当提示词导演：对意图分类、将图片分析为多个提示词层、输出可直接复制粘贴的英文提示词，然后明确说明每张图片还需要上传哪些素材。

---

8 种设计类型

#	Type	Subject	适用场景	Tool
1	personal-brand	个人（创始人/创作者）	个人资料头像、字母组合标志、演讲者封面、个人引言图	gpt-image-2 raster
2	business-logo	品牌 — Logo 形象	主 Logo/次要 Logo/标志	gpt-image-2 多版本生成，提供 3-5 个方向 + 人工审核免责声明
3	business-campaign	品牌 campaign 视觉素材	TVC 静帧、户外广告、产品主视觉、campaign 主视觉	gpt-image-2 raster
4	marketing-day-to-day	日常营销	社交媒体帖子、横幅广告、邮件页眉、限时动态	gpt-image-2 raster
5	editorial	长篇出版物	杂志封面、文章主视觉、电子书、造型画册	gpt-image-2 raster
6	infographic	数据/计划/流程可视化	路线图、流程图、对比图表	gpt-image-2（文本精简，以图标为主）
7	web-mockup	UI 屏幕草图	Landing 页首屏、应用屏幕模型	混合模式：通过 gpt-image-2 生成 1 张主视觉图片 + 推荐使用 HTML 技能制作完整交互式模型
8	quote-graphic	引言帖子	Instagram 上的“大师帖子”、LinkedIn 引言、励志内容	混合模式：gpt-image-2 背景 + HTML 文字叠加

---

何时触发 / 不触发

触发条件（调用此技能）

• “设计图片”“制作 Logo”“海报图片”“campaign 横幅”
• “社交媒体帖子设计”“信息图”“主视觉”“网页首屏模型”
• “宣传图片”“个人头像”“字母组合标志”“引言图”
• “MidJourney 提示词”“DALL-E 提示词”“Leonardo 提示词”“Imagen 提示词”

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

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

---

模式检测级联（Step 0）

按优先级依次通过三个层级检测类型：

第 1 层 — 关键词自动检测

关键词（越南语或英语）	检测类型
"avatar", "ảnh đại diện", "monogram", "speaker cover", "profile pic"	personal-brand
"logo", "wordmark", "lockup", "brand mark"	business-logo
"key visual", "campaign visual", "TVC still", "OOH", "product hero"	business-campaign
"social post", "banner ads", "email header", "story IG", "post Facebook"	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
"ảnh reference", "giống ảnh này", "prompt master", "same style", "same composition"	保持当前类型 + 开启 Prompt Director reference mode
"đổi màu", "màu thương hiệu", "brand color", "thêm logo", "replace logo"	保持当前类型 + 开启 Prompt Director brand adaptation
"nhìn AI quá", "chưa giống", "sửa prompt", "màu sai", "font khó đọc"	保持当前类型 + 开启 Prompt Director diagnosis

第 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 — keyword "logo" + "BHOP" match]

---

Prompt Director 模式

当用户提供参考图、索要 master prompt、想更换人脸/颜色/logo，或反馈生成的图片不符合要求时，开启此模式。编写提示词前加载 references/prompt-director.md。

处理原则：

• 不要先问一长串问题。 如果输入足够，立即生成提示词，只在末尾注明缺少的信息。
• 参考图 = 风格/构图来源，不要自行将其视为人脸/logo 图片，除非用户明确说明。
• 替换素材必须按类型问清楚： 人脸参考、logo 文件、品牌调色板 hex、产品图片、背景/地点、确切文本。
• 多张图片 = 多条流程。 命名为 Flow A/B/C，说明每张图片的用途，为每条流程单独提供提示词和负面提示词，并列出每条流程需要上传的素材。
• 图像/视频模型的最终提示词默认使用英语；说明和补充要求使用越南语。

提供参考图时的快速输出：

## Luồng ảnh

| Flow | Ảnh đầu vào | Vai trò | Output |
|------|-------------|---------|--------|
| A | [file/path] | style/composition reference | master prompt |

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

## Negative prompt / Avoid
[English avoid list]

## Cần upload thêm để cá nhân hóa Flow A
- Face reference:
- Logo:
- Brand colors:
- Exact text:
- Product/background:

---

工作流运行时 — 5 个步骤

步骤 1 — 检测设计类型

运行上述 3 层级联。进入步骤 2 前打印 [detect type: ...]。

步骤 2 — 加载参考文件

按需加载（延迟加载）：

• CONVENTIONS.md — 每个会话首次加载 1 次
• references/prompt-director.md — 有参考图、master prompt、更换人脸/颜色/logo、多张图片或提示词修改反馈时加载
• references/<type>.md — 为刚检测出的类型加载对应文件（例如 references/business-logo.md）
• references/brand-identity-source.md — 类型以 business-* 开头时加载
• references/fallback-prompt-format.md — Tier 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-brief-chien-dich/output.md 的“品牌要求”章节 — 活动简报中可能包含品牌强制要求
4. prd.md 的 frontmatter target_user + “视觉线索”章节 — 风格方向
5. prd.md 第 6 节 — 视觉概念的功能

如果商业模式缺少以上内容 → 阻止 + 请用户上传 logo + 指定调色板（3 个十六进制颜色）+ 指定字体系列。

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

编辑 / 信息图 / 网页模型图：视情况而定 — 如果面向品牌，则按商业模式处理；如果面向个人或通用场景，则按个人模式处理。

步骤 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 网页模型图 — 生成主视觉图像后（如果层级为 Pro/Enterprise），打印推荐区块：

[NEXT STEP] Hero image gen xong. Để có mockup full interactive đa section,
chạy thêm 1 trong các skill:
  - 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 引言图 — 输出 2 个文件：

• docs/design/<slug>-bg.png — 通过 gpt-image-2 生成的背景图像（不包含文字）
• docs/design/<slug>.html — 在背景上叠加文字的 HTML（通过 HTML 呈现文字，以避免 AI 扭曲文字）

---

输出文件的 Frontmatter schema

所有元数据文件 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 种实际情境

情境	处理方式
类型不明确（未匹配关键词，也没有 flag）	只询问 1 个问题，提供 8 个选项（参见 Step 0 中的 Layer 3）
Business mode + 缺少品牌标识	BLOCK + 请用户上传 logo + 指定调色板（3 个 hex）+ 字体系列
调用 gpt-image-2 时 OPENAI_API_KEY 无效／超出配额	降级到 Tier Free（仅 prompt）+ 输出错误行
类型 7 网页 mockup，但用户实际想要完整的多区块 UI	可以混合处理：生成 hero image + 推荐使用 web-prototype（或其他 4 个 skill）制作完整 mockup
生成 logo，但用户还没有品牌价值观	追问 3 个问题：品牌名称、行业、价值观（3-5 个词）——这样才能生成有灵魂的 logo
信息图中的文本内容较多，超过 5 个数据点	警告：「AI 生成图像中的文本不可靠。对于包含大量文本的信息图，建议使用 Canva 模板。」用户确认后仍可生成。
Quote graphic 文本超过 50 个字符	警告：类似——建议只使用背景图 + HTML overlay（这已是类型 8 的默认做法）
用户要求的格式与刚检测到的类型不匹配	建议使用相应模式——例如「landing page banner」→ mode=marketing-day-to-day format=banner-hero

---

禁止的反模式

• 将生成的 logo 作为最终输出 → 始终提供 3-5 个方向的多种变体 + 人工审核免责声明
• 图像中的文本超过 50 个字符——AI 生成的文字会变形、拼写错误，越南语变音符号会错乱
• 把网页 mockup 位图伪装成交互式内容——必须采用混合方式 + 推荐 HTML skill
• Business modes 跳过品牌标识检查——输出会与品牌脱节
• 输出只包含关键词的 prompt（例如「好看的咖啡店 logo」）——必须采用 5 部分结构：主题 + 构图 + 光线 + 调色板 + 风格 + 排除项
• 项目已有品牌标识文件时仍硬编码颜色 hex 值——必须从源文件读取
• 每轮生成超过 1 张图，logo 多变体的情况除外
• 使用 Tier Pro/Enterprise 时，只保存 prompt 而不生成图像——浪费 API
• 生成图像却不保存元数据 .md——丢失后续所需的上下文

---

生成前自测

每次调用 gpt-image-2 或输出 prompt 前，先问自己：

「这个输出是否符合品牌语调和品牌标识？客户看到后能认出品牌吗？如果是个人品牌——是否准确体现了用户提供的风格形容词？」

如果对以上 3 个问题中的 2 个没有把握 → 返回 Step 3，重新阅读品牌标识或再追问 1-2 个问题。

---

示例参考

• examples/personal-founder-avatar.md — OPA 创始人头像（风格：自信、温暖、简约）
• examples/bhop-fall-campaign-poster.md — BHOP cafe 秋季活动主视觉（棕色 + 橙色调色板）
• examples/ai-monetization-quote-graphic.md — 课程「AI Kiếm Tiền」的 IG Quote graphic（背景 + HTML overlay）
• examples/opa-roadmap-infographic.md — OPA 产品路线图信息图（以图标为主，文本精简）

---

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

需要	加载文件
了解 frontmatter 格式、输出位置、通用 prompt 规则	CONVENTIONS.md
参考图、master prompt、换脸／换色／换 logo、prompt 诊断	references/prompt-director.md
为 8 种类型之一编写 prompt	references/<type>.md（例如 references/business-logo.md）
Business mode — 查找品牌标识来源	references/brand-identity-source.md
Tier Free — 为 5 个平台整理 prompt 格式	references/fallback-prompt-format.md
具体格式模板（海报、横幅、story 等）	templates/<format>.md
实际输出示例	examples/<example-name>.md

---

通俗越南语政策

此 skill 全程使用通俗越南语——客户端可以阅读、理解，并与 AI 一起填写。技术术语（gpt-image-2、DALL-E 3、MidJourney、CTR、CPM）保持原样，并在首次出现时解释。示例使用贴近实际的 OPA 品牌（BHOP cafe、Lumière agency、AI Kiếm Tiền course）。

---

切换到专门的设计技能（41-50）

此技能用于生成图片/提示词。当任务涉及按 Campaign 规划视觉素材制作流程（列出素材清单、撰写设计 brief、审核设计、批量调整尺寸）时，请切换到以下技能：

要做的事	技能
列出 Campaign 所需的全部设计素材 + 截止日期 + 负责人	41-campaign-asset-list
撰写交给设计师的静态图片 / Banner / 缩略图 brief	42-brief-hinh-anh
撰写轮播图 brief（幻灯片序列逻辑）	43-brief-carousel
撰写交给视频编辑的 brief	44-brief-video-editor
为设计师使用 Canva 提供方向	45-brief-canva
制定品牌指南（调色板、排版、Logo、组件）	46-brand-guideline
审核设计、评分并提供反馈	47-design-review
Campaign 进行中（创意疲劳）时撰写紧急 brief	48-quick-visual-brief
编写响应式 HTML 邮件代码	49-html-email-template
将表现最佳的素材调整为多种尺寸	50-asset-resize

设计师按 Campaign 执行的标准时间线： T-14 制定素材清单 → T-7 用 30 分钟制作 MVP 概念并审核方向 → T-5 制作复杂素材（落地页、邮件）→ T-3 制作中等复杂度素材（轮播图、Banner 组）→ T-1 制作快速素材（静态图、Story）→ 上线当天待命制作快速素材 → D+1 标记表现最佳和最差的素材，然后调整表现最佳素材的尺寸。

负责整个流程的 Agent：agents/design-producer.md。