# 电商详情图设计

## 触发条件
- 用户需要为电商商品设计详情页
- 用户提到详情页、详情图、商品详情、详情模块
- 涉及淘宝/京东/拼多多/抖音等平台详情页制作

## 执行步骤

### 步骤1：读取常识知识与需求分析
1. 使用 `read_knowledge knowledge_name='composition_principles'` 读取构图原理
2. 使用 `read_knowledge knowledge_name='color_matching_principles'` 读取配色原理
3. 使用 `read_knowledge knowledge_name='design_expression_mapping'` 读取设计表达映射
4. 使用 `read_knowledge knowledge_name='ecommerce_detail_image_standards'` 读取详情页设计规范
5. 使用 `ask_user` 确认以下信息：
   - 商品名称、类目和品牌
   - 全部卖点清单（按重要性排序）
   - 规格参数详情
   - 可用图片素材（多角度图、细节图、场景图等）
   - 目标平台和品牌VI信息

### 步骤2：规划详情页结构
根据商品类型确定模块顺序：
- **标品（手机/家电）**：首屏→参数→卖点→细节→场景→购买须知
- **非标品（服装/饰品）**：首屏→场景→卖点→细节→对比→购买须知
- **高客单价**：首屏→痛点→信任背书→卖点→细节→购买须知
- **低客单价**：首屏→促销→卖点→场景→购买须知

每个模块规划1屏内容，总长度15-25屏。

### 步骤3：逐模块输出设计方案
使用 `write_text` 将详情页方案保存到 `./project/ecommerce_skills/development/ecommerce_detail_image_design/detail_plan_{商品名}.md`，包含：

1. **首屏海报**（750×800-1000px）：品牌LOGO + 产品名 + 核心卖点(≤15字) + 场景图
2. **痛点场景**（可选）：用户痛点 + 解决方案
3. **产品展示**（2-4屏）：每屏一个角度，白底/浅灰底
4. **核心卖点**（3-6屏）：每屏一个卖点，图标+标题(24-32px)+说明(14-16px)
5. **规格参数**（1-2屏）：表格形式，关键参数标色
6. **细节展示**（2-4屏）：放大特写+标注
7. **信任背书**（1-2屏）：认证+评价
8. **购买须知**（1屏）：物流+售后+FAQ

### 步骤4：视觉规范确认
方案中明确：
- 配色：3-5色，品牌色为主
- 字体：一级标题36-48px，二级24-32px，正文14-16px
- 图片宽度：统一750px

### 步骤5：确认与交付
1. 使用 `ask_user` 请用户确认方案
2. 使用 `notify_user` 通知详情页设计方案完成

## 输出成果
1. `detail_plan_{商品名}.md` — 详情页设计方案文档

## 失败回退
- **规范不确定**：重新读取 `ecommerce_detail_image_standards` 确认
- **卖点不清晰**：请用户补充或重新排序卖点
- **用户不满意**：根据反馈调整模块顺序或内容

## 禁止行为
- ❌ 禁止每屏超过3个信息点
- ❌ 禁止正文文字小于14px
- ❌ 禁止配色超过5种主色
- ❌ 禁止首屏无核心卖点
- ❌ 禁止详情页总长度超过30屏
- ❌ 禁止不读规范就设计方案