| name | design-deep-research |
| description | 平面设计深度调研：输入设计需求（文字+可选参考图链接），自动在国内外各大设计平台采集素材→聚类分析审美规律→输出图文HTML调研报告+可复用的生图Prompt。
用途：帮助设计师快速了解某个设计方向的风格趋势、视觉特征和可操作方法。
触发词：「调研」「设计调研」「设计方向」「风格调研」「灵感调研」「帮我看看XX风格」「做设计调研」「搜集XX素材」「深度调研」
即使用户只是说「我想做XX风格的设计」「帮我找找灵感」「XX风格怎么做」也可触发。
|
平面设计深度调研 · 设计灵感与风格分析系统
「好的设计不是凭空产生的，是站在大量参考的肩膀上。」
核心理念
这是一个面向平面设计师的深度调研技能，不是直接生成设计的技能。
它的工作方式：
- 调研设计师的需求，确定方向
- 采集国内外各大平台的素材
- 分析素材的视觉规律，提炼审美特征
- 分类归纳出有区分度的设计方向
- 输出图文 HTML 报告，附带可复用的生图 Prompt
关键区分：不是代替设计师做设计，而是帮设计师快速搞清楚"有哪些风格方向可选，每种长什么样，怎么下手"。
执行流程
Phase 0: 需求理解与调研规划
Step 1: 接收输入
接收用户的输入，包含：
- 文字描述（必填）：设计需求，包括：
- 设计类型：海报/品牌/包装/插画/UI/画册...
- 行业/领域：科技/消费/文化/教育/快消/时尚...
- 调性关键词：科技感/温暖/高端/年轻/极简/复古/先锋...
- 目标用途：线上传播/线下物料/品牌升级/产品包装...
- 参考图链接（可选）：1-3张参考图片的 URL
Step 2: 需求解析
解析需求的各维度：
| 维度 | 解析目标 | 示例 |
|---|
| 设计类型 | 确定搜索的作品类型 | 海报、品牌VI、包装、画册 |
| 行业属性 | 确定行业视觉惯例和趋势 | 科技(极简/蓝紫)、快消(鲜艳/高饱和) |
| 调性关键词 | 提取可搜索的风格词 | 科技感、温暖、极简、孟菲斯 |
| 用途场景 | 确定展示形式和构图偏好 | 线上(竖屏)、线下(横版/异形) |
如果有参考图链接：
- 分析参考图的视觉特征：色彩、构图、排版、图形风格、材质
- 用分析结果作为"风格锚点"，优化搜索关键词
- 参考图的特征会体现在最终的 Prompt 中
Step 3: 制定调研计划
根据需求类型，从 references/platform-guide.md 中选择推荐平台组合，确定：
- 覆盖哪些平台（根据需求选择子集，非必全）
- 中英文关键词组合
- 预计覆盖 3-5 个设计方向
Phase 0.5: 创建调研目录
收到确认后创建调研目录结构：
design-research/[需求slug]/
├── report.html # 最终HTML报告（Phase 3生成）
└── references/
├── 01-international-inspiration.md # Behance + Dribbble + Pinterest
├── 02-mockup.md # Mockup World + Graphic Burger + Yellow Images
├── 03-asset-libraries.md # Freepik + Vecteezy
├── 04-image-galleries.md # Unsplash + Pexels
├── 05-domestic-platforms.md # 站酷 + 花瓣 + 古田路9号 + 大作网 + 优设网
└── sources/ # 关键素材链接汇总
完成检查：
Phase 1: 多平台并行素材采集（Agent Swarm）
根据需求类型和平台选择，启动并行 sub-agent。每个 Agent 负责一类平台组合。
素材采集 Agent 分组
| Agent | 目标平台 | 搜索重点 | 输出文件 |
|---|
| 1 国际灵感 | Behance + Dribbble + Pinterest | 品牌全案/VI/版式/插画/概念稿/趋势方向 | 01-international-inspiration.md |
| 2 Mockup | Mockup World + Graphic Burger + Yellow Images | 样机类型/质感/展示方式/3D样机 | 02-mockup.md |
| 3 素材库 | Freepik + Vecteezy | 矢量图/插画/模板/装饰素材 | 03-asset-libraries.md |
| 4 图库 | Unsplash + Pexels/Pixabay | 高清摄影/背景图/配图/免版权 | 04-image-galleries.md |
| 5 国内平台 | 站酷 + 花瓣 + 古田路9号 + 大作网 + 优设网 | 国内设计趋势/商业全案/教程素材 | 05-domestic-platforms.md |
Agent Prompt 模板（以 Agent 1 国际灵感为例）：
你的任务：在 Behance、Dribbble、Pinterest 上搜索与 [需求关键词] 相关的设计素材。
搜索方向：
- Behance：搜索完整项目，关注品牌全案、VI系统、版式设计、包装设计。注意项目描述和标签。
- Dribbble：搜索插画风格、色彩搭配、版式概念稿。
- Pinterest：利用瀑布流发散，捕捉风格趋势方向。
搜索关键词：[中英文关键词组合]
输出要求：
- 写入 [调研目录]/references/01-international-inspiration.md
- 每个素材记录：标题、作者、平台、URL链接、1-2句视觉特征描述
- 按风格倾向打标签（如「极简」「渐变」「几何」「孟菲斯」等）
- 区分素材类型：灵感参考 / 可用素材 / 样机
- 每条标注来源URL
硬性要求：
- 不使用百度图片、微信公众号、知乎
- 海外平台用英文关键词，国内平台用中文关键词
- **必须确保记录的所有素材和图片 URL 链接是真实可访问的，绝不允许编造任何虚假链接**
- **若某个平台搜索无结果，须在该文件里如实记录「未查询到该平台的相关素材」，并注明已尝试过的关键词与具体原因，不得用无关或虚假内容填充**
Agent 无结果或超时处理：
- 单个 Agent 搜索无结果或超时 5 分钟无有价值结果 → 不等待，在 Phase 1.5 中标注该维度「未查询到具体内容」并详细说明原因（如：平台无相关匹配、网络请求失败等）
- 整体素材数量不足或完全没有找到（例如 < 30 个） → 告知用户当前素材量有限，若没有任何匹配需求的真实素材，应明确回复「未查询到具体内容」，并给出已调研的范围、关键词与具体原因，拒绝任何虚假内容或虚假链接的编造
如果用户提供了参考图链接：
- 先分析参考图的视觉特征（色彩、构图、排版、图形风格、材质）
- 用分析结果优化搜索关键词
- 在所有 Agent 的 prompt 中增加："用户提供的参考图风格锚点为：[分析结果]，搜索时优先匹配类似风格"
Phase 1.5: 素材Review检查点
所有 Agent 完成后，暂停展示调研质量摘要：
┌──────────────────┬──────────┬──────────────────────────────┐
│ Agent │ 素材数量 │ 主要风格倾向 │
├──────────────────┼──────────┼──────────────────────────────┤
│ 1 国际灵感 │ N个 │ 极简/渐变/几何... │
│ 2 Mockup │ N个 │ 3D/高端质感/实景融合... │
│ 3 素材库 │ N个 │ 矢量/插画/模板... │
│ 4 图库 │ N个 │ 摄影/故事感/光影... │
│ 5 国内平台 │ N个 │ 品牌全案/商业落地... │
├──────────────────┼──────────┼──────────────────────────────┤
│ 素材总量 │ N个 │ │
│ 初步风格分类 │ N类 │ 列表 │
│ 信息不足维度 │ X个 │ 列表 │
└──────────────────┴──────────┴──────────────────────────────┘
用户确认素材质量 OK → 进入 Phase 2。
用户觉得某方向不够 → 补充采集。
Phase 2: 风格分析（Synthesis）
2.1 素材聚类
- 标签化：读取 5 个 Agent 的采集文件，给每个素材按视觉特征打标签
- 聚类：根据标签重叠度，将素材分为 3-5 个候选聚类
- 精炼：
- 合并小聚类（<3 个素材的合并到最近的大类）
- 拆分大聚类（跨度过大的拆分为子方向）
- 确保每类 ≥3 个参考案例
- 命名：每个方向取一个有辨识度的风格名称
区分度检查：
- 两个方向在 ≥2 个视觉维度上有明显差异
- 每个方向能用一句话说清"这是什么风格"
- 不存在"浅色版 vs 深色版"这种单一维度的渐变
2.2 每类风格的审美分析
对每个设计方向，按 references/analysis-framework.md 中的 7 个维度进行独立分析：
| 维度 | 分析内容 |
|---|
| 色彩 | 主色调/辅助色/配色逻辑/饱和度/明度/色彩情绪 |
| 排版 | 字体风格/层级结构/留白模式/对齐方式/排版节奏 |
| 图形 | 图形语言/图标风格/插画风格/图形密度/图形来源 |
| 材质与光影 | 纹理/渐变/阴影/发光/玻璃态/立体感 |
| 构图 | 布局结构/视觉重心/比例关系/破格手法/视线引导 |
| 情绪 | 调性关键词/目标感受/适用氛围 |
| 典型手法 | 3-5个该方向常用的具体设计技巧 |
2.3 生图 Prompt 推导
对每个方向，基于其视觉特征推导适配 nano banana / image2 的生图 Prompt。
Prompt 结构：
[主体/主题]，[风格/流派]，[色彩描述]，[材质/光影]，[构图/视角]，[氛围/情绪]，--ar [宽:高] --style [选项]
Prompt 要素映射：
| Prompt 要素 | 从分析维度映射 |
|---|
| 主体/主题 | 设计类型 + 行业领域 |
| 风格/流派 | 图形语言 + 排版风格 |
| 色彩描述 | 主色调 + 配色逻辑 |
| 材质/光影 | 纹理 + 光影 + 渐变 |
| 构图/视角 | 布局结构 + 视觉重心 |
| 氛围/情绪 | 情绪调性关键词 |
Prompt 生成原则：
- 基于实际调研到的视觉特征，不能编造
- 如果用户提供了参考图，Prompt 中体现参考图的风格锚点
- 用
[占位符] 标注用户需要替换的部分
- 每个参数标注调节方向（"增大 → 更X，减小 → 更Y"）
- Prompt 必须使用中文撰写，英文仅保留模型识别关键词（如
--ar、--style、色彩名、材质名等）
Prompt 语言要求：
2.4 方向间对比
- 各方向的异同点总结
- 不同方向的适用场景对比
- 方向之间的过渡关系（能否混搭、如何混搭）
Phase 2.5: 分析确认检查点
展示分析结果摘要给用户确认：
提炼结果摘要：
- 设计方向：N个（列出名称）
- 每个方向核心特征：[简要]
- Prompt 示例：[展示1-2个]
- 方向间区分度：[评估]
用户确认 OK → Phase 3 生成报告。
用户觉得某个方向不准或缺少 → 回到 Phase 2 调整。
Phase 3: HTML 报告生成
Step 1: 读取模板
读取 references/report-template.html 获取 HTML 报告骨架。
Step 2: 填充内容
按模板中的占位符，将 Phase 2 的分析结果填入：
| 占位符 | 填充内容 |
|---|
{TITLE} | 设计需求标题 |
{SUBTITLE} | 一句话描述 |
{SOURCE_COUNT} | 素材总量 |
{DIRECTION_COUNT} | 方向数量 |
{PLATFORM_COUNT} | 覆盖平台数 |
{REQUIREMENT} | 用户原始需求 |
{SCOPE} | 调研范围描述 |
{KEYWORDS} | 使用的关键词 |
{REFERENCE_ANALYSIS} | 参考图分析（如有） |
{DIRECTIONS} | 所有方向的 HTML 内容 |
{SUMMARY_CARDS} | 审美规律总结卡片 |
{RECOMMENDATIONS} | 设计建议 HTML |
{PROMPT_GUIDE} | Prompt 使用说明 |
{SOURCES} | 来源列表 HTML |
{DATE} | 生成日期 |
每个方向的 HTML 结构（填入 {DIRECTIONS}）：
<div class="direction-card">
<h3>方向一：[风格名称]</h3>
<div class="tagline">[一句话风格概述]</div>
<h4>视觉特征</h4>
<div class="feature-grid">
<div class="feature-item"><strong>色彩</strong><span>[分析]</span></div>
<div class="feature-item"><strong>排版</strong><span>[分析]</span></div>
<div class="feature-item"><strong>图形</strong><span>[分析]</span></div>
<div class="feature-item">
<strong>材质与光影</strong><span>[分析]</span>
</div>
<div class="feature-item"><strong>构图</strong><span>[分析]</span></div>
<div class="feature-item"><strong>情绪</strong><span>[分析]</span></div>
</div>
<h4>典型手法</h4>
<ul>
<li>[手法1]</li>
<li>[手法2]</li>
<li>[手法3]</li>
</ul>
<h4>参考案例</h4>
<div class="gallery">
<div class="gallery-item">
<img
src="[图片URL]"
alt="[作品名]"
loading="lazy"
onerror="this.src='data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%22180%22><rect fill=%22%23f0f0f5%22 width=%22200%22 height=%22180%22/><text x=%2250%%22 y=%2250%%22 text-anchor=%22middle%22 dy=%22.3em%22 fill=%22%23999%22 font-size=%2214%22>图片加载失败</text></svg>'"
/>
<div class="caption">
[作品名]
<span class="source"
>来自
<a href="[作品URL]" target="_blank" rel="noopener">[平台名]</a></span
>
</div>
</div>
</div>
<h4>适用场景</h4>
<p>[什么类型的设计适合这个方向]</p>
<h4>生图 Prompt</h4>
<div class="prompt-box">[完整 Prompt 文本，中文描述 + 英文技术参数]</div>
<div class="prompt-hint">
💡 替换 <code>[xxx]</code> 为你的具体内容。调整形容词强度可控制风格偏向。
</div>
</div>
Step 3: 质量自检
构建完成后，对照 Phase 4 标准检查。不通过的标注出来，回到对应 Phase 修复。
Step 4: 输出
将完成的 report.html 写入 design-research/[需求slug]/report.html。
同时输出 HTML 内容给用户展示。
Phase 4: 质量验证
4.1 覆盖率检查
| 检查项 | 通过标准 | 不通过信号 |
|---|
| 设计方向数量 | 3-5个 | <3 或 >7 |
| 每方向参考案例 | ≥3个 | 有方向不足3个 |
| 平台覆盖 | ≥5个不同平台 | <5个 |
| 素材总量 | ≥30个参考素材 | <30个 |
| 链接真实性 | 所有图片的 src 和来源 URL 均真实存在且可访问 | 存在占位符、无法访问或编造的 URL 链接 |
| 无内容处理 | 无调研结果时，报告展示「未查询到具体内容」并列出原因与搜索尝试记录 | 在没有真实素材时虚构、编造内容或链接 |
4.2 区分度检查
- 方向间在 ≥2 个视觉维度上有明显差异
- 每个方向能用一句话说清"这是什么风格"
- 不存在"浅色版 vs 深色版"这种单一维度的渐变
4.3 可操作性检查
- 每个方向有具体的视觉规则（色彩/排版/图形/材质等）
- 每个方向有 3-5 个典型手法（可操作，非抽象描述）
- 设计师拿到报告后能据此做出设计
4.4 Prompt 可用性检查
- Prompt 包含所有必要视觉元素
- Prompt 使用
[占位符] 标注了可调节参数
- 附带了参数调节说明
- Prompt 使用中文撰写，英文仅保留模型识别关键词（如
--ar、--style、色彩名、材质名等）
更新调研
当用户说「补充调研XX方向」「更新这个调研」时：
- 读取已有
report.html，了解现有方向
- 只启动缺少维度的 Agent 进行补充采集
- 更新 Phase 2 分析
- 重新生成报告
品味守则
| 原则 | 说明 |
|---|
| 图片 > 文字 | 设计调研以视觉素材为核心，文字分析是辅助 |
| 方向区分度 > 方向数量 | 3个清晰区分的风格方向 > 7个模糊重叠的方向 |
| 可操作性 > 理论分析 | 每个方向要能直接指导设计，不只是审美点评 |
| 多样性 > 同质化 | 优先选择视觉差异大的方向，避免全在同一个光谱上 |
| 落地性 > 概念性 | 优先选择有实际应用案例的方向，不只是纯概念稿 |
绝不做的事
- 编造不存在的素材、图片 URL、来源和任何虚假链接（所有链接必须真实可访问）
- 在信息不足或未查询到内容时强行编造或生成报告内容（必须向用户如实回复「未查询到具体内容」并详细说明无法获取的原因，例如关键词无匹配、目标网站无法解析等）
- 把通用设计原则包装成"独特发现"
- 方向之间没有实质区别时强行拆分
- 信息不足时强行生成（宁少勿多）
特殊场景
有参考图 vs 无参考图
| 场景 | 策略 |
|---|
| 有参考图 | 先分析参考图视觉特征作为风格锚点，搜索时优先匹配类似风格，Prompt 中融入参考图特征 |
| 无参考图 | 纯文字需求驱动搜索，方向覆盖面更广 |
海外设计 vs 国内设计
| 场景 | 策略 |
|---|
| 海外风格 | 重点覆盖 Behance/Dribbble/Pinterest/Unsplash，用英文关键词 |
| 国内风格 | 重点覆盖站酷/花瓣/古田路9号/大作网，用中文关键词 |
| 混合 | 海外+国内平台都覆盖，中英文关键词 |
快速调研 vs 深度调研
| 模式 | 触发条件 | 策略 |
|---|
| 快速调研 | 用户说"简单看看" | 只启动 2-3 个核心 Agent，方向减至 2-3 个，报告用 Markdown 格式 |
| 深度调研 | 默认模式 | 完整 5 个 Agent，3-5 个方向，HTML 报告 |
参考
- 平台清单与搜索策略详见
references/platform-guide.md
- 风格分析框架详见
references/analysis-framework.md
- HTML 报告模板详见
references/report-template.html
