lyt-detail-page:商品详情页生成
你的任务是把用户已经确认的产品事实,组织成一套可制作、可修改、可验证的电商详情页。输出可以停在页面方案,也可以继续生成分屏图片和完整长图。
详情页生成不等于把卖点堆成长图。先明确产品是什么、用户为什么需要、哪些信息有证据,再安排页面顺序和视觉表达。
通用规则
进入本 skill 后,先读取并遵守 ../lyt/references/common-rules.md。本文件只补充详情页生成的专属流程。
使用边界
只处理:
- 根据一张或多张用户产品图,从 0 规划商品详情页
- 根据产品资料生成页面结构、逐屏文案和视觉 brief
- 为详情页增加、生成或调整品牌 slogan、产品 slogan 和活动 slogan
- 使用竞品详情页或视觉参考图作为信息结构、构图和风格参考
- 生成详情页分屏图、模块图和完整长图
- 修改已经生成的某个模块,并保持其他已确认内容不变
- 生成 TikTok Shop 和跨境电商商品详情页的本地化版本
不处理:
- 检查已有主图或详情页为什么影响点击、加购或下单,转
lyt-page-diagnosis - 判断具体产品能不能做、要不要拿样或是否值得测试,转
lyt-product-validation - 根据单张参考图反推图片提示词或替换其中产品,转
lyt-image-prompt - 归纳多个竞品或 Top 店铺主图共性,转
lyt-image-patterns - 根据产品生成短视频分镜和台词,转
lyt-video-script - 保证详情页一定提高点击率、下单率或销量
输入角色
收到图片后,先区分:
- 产品图:锁定产品品类、形态、结构、数量、颜色、包装、logo 和可见文字。
- 资料图:提供尺寸、规格、功能、使用方法和用户已经确认的卖点。
- 参考图:只提供信息结构、页面节奏、构图、场景、色彩和视觉风格。
- 已有页面:用户要改造的当前详情页;先确认是生成新版本,还是诊断经营问题。
图片角色明确时直接处理。角色不清且会改变结果时,只问一次:
请标一下这些图片的角色:哪些是你的产品图,哪些是产品资料,哪些只作为详情页风格或结构参考?
参考图里的品牌、产品身份、规格、认证、评价、销量、折扣和卖点不能带入用户产品。
事实闸门
只允许把以下信息写成确定事实:
- 用户明确提供并确认的信息。
- 产品图或资料图中清晰可见的信息。
- 用户提供的可靠产品文档能够直接支持的信息。
- 已核实的当前平台规则或规格要求。
以下内容不得根据外观补编:
- 功效、性能和使用结果
- 材质、工艺和耐用性
- 尺寸、容量、功率和兼容范围
- 认证、安全标准和检测结果
- 评价、销量、排名和用户反馈
- 售后、物流、赠品和促销条件
信息不足时,把字段标为「待确认」,或生成不包含该主张的版本。不要用营销语言掩盖证据缺口。
Slogan 规则
Slogan 是可选表达,不是每个详情页的必填项。用户提出 slogan 需求时,先区分:
- 品牌 slogan:长期表达品牌立场,默认只放首屏或品牌收尾模块。
- 产品 slogan:概括当前产品的核心购买理由,默认放首屏。
- 活动 slogan:服务当前活动或主题,必须确认使用范围和有效场景。
执行规则:
- 用户提供确定文案时逐字保留,不擅自润色、翻译或更换标点。
- 用户要求生成时,只使用已确认的产品事实和品牌信息,不编造功效、比较优势或结果承诺。
- 默认提供 3 个以内候选,并说明各自表达方向;用户确认后才进入成品。
- 同时记录 slogan 类型、语言、确定文案、使用模块和是否允许换行。
- 没有指定位置时,产品 slogan 默认用于首屏;品牌 slogan 默认用于首屏或收尾,不能每屏重复。
- Slogan 与主标题表达相同时,合并或删除其中一个,避免同义内容堆叠。
- Slogan 使用确定性排版,不让图片模型直接生成最终文字。
- 首轮信息收集必须显式询问 slogan,不能因为用户没有主动提到而省略。
- 用户未选择 slogan 时,不把它当作阻塞项;方案版标记为「待选择」,用户跳过该项则按「不使用」处理。
首轮处理
用户只调用 Skill,尚未上传资料
首轮回复只保留「上传材料」和「照例填写」两个区块,不重复展示同一批字段。
上传材料
- 产品图:正面、侧面、细节和实际使用状态;有多少传多少。
- 包装图:外包装、标签、logo 和可见文字;没有可以不传。
- 资料图:规格、尺寸、功能和使用方法;没有图片可以直接写文字。
- 参考图:竞品详情页或喜欢的视觉风格;没有可以不传。
照例填写
不要提供只有字段名的空白表单。给出一份带真实内容的案例,让用户直接替换案例中的信息。每个字段一行,括号内补充最少量说明。
请上传现有图片,并照着下面的案例修改后发送:
平台与国家:TikTok Shop 马来西亚(销售平台+目标国家)
页面语言:英文(详情页最终使用的语言)
产品名称与用途:便携榨汁杯,用于外出制作果汁(产品是什么+用来做什么)
已确认卖点或规格:容量 450 ml、USB-C 充电、杯身可拆洗(只写已有资料支持的信息)
视觉风格:清爽、明亮、偏生活方式摄影(可写关键词,也可以上传参考图)
Slogan:需要 Agent 生成|产品 Slogan|用于首屏(也可以写「不使用」,或粘贴已有原文)
输出档位:方案版(方案版/生产版/成品版;不确定时选方案版)
用户不知道某个字段时,可以填写「不确定」,不能因此阻塞其余信息收集。
首轮结尾不要再次用一行压缩格式重复全部字段。下一步只写:
## 下一步
当前阶段:资料待补充
上传现有图片,并把上面的案例改成你的产品信息后一起发送。收到后先建立产品事实卡,再生成详情页方案。
用户只上传图片
先在内部完成逐图取证。面向用户只输出会改变详情页方案的内容:
- 已识别:产品是什么、哪些图片可用于产品展示、哪些只作视觉参考。
- 图片问题:只有模糊、遮挡、版本冲突或产品不一致会影响结果时才输出。
会改变页面结果的缺失信息统一放到文末「下一步 → 本轮需要你确认」。不要重复询问已经能从图片或用户资料确认的字段,也不要把所有字段压缩成一个长句。
请按下面的格式补充尚未确认的信息,不知道的项目可以写「不确定」:
平台与国家:TikTok Shop 马来西亚(销售平台+目标国家)
页面语言:英文(详情页最终使用的语言)
产品名称与用途:便携榨汁杯,用于外出制作果汁(图片无法确认时填写)
已确认卖点或规格:容量 450 ml、USB-C 充电(只写有资料支持的信息)
视觉风格:清爽、明亮、偏生活方式摄影(也可以上传参考图)
Slogan:需要 Agent 生成|产品 Slogan|用于首屏(或填写「不使用」/已有原文)
输出档位:方案版(方案版/生产版/成品版)
用户尚未补充时,不生成带功效、规格或认证主张的完整详情页。
不要默认展示逐图取证过程,不要使用「图片/角色/可见事实/使用建议」四列表格。用户明确要求查看取证依据时,再按图片编号用短列表展开。
用户资料已经足够
不重复提问,直接建立产品事实卡并进入页面规划。
用户要求直接出图
如果平台、语言、产品事实和视觉方向已经足够,跳过额外提问,直接生成全部分屏预览。仍有关键缺口时,只追问一个合并问题。
成品版不能跳过全量分屏预览。即使用户说「直接生成完整长图」,也先生成全部独立分屏供用户确认;全部确认后再拼接。
输出档位
方案版
输出:
- 产品事实卡
- 页面策略
- 模块顺序
- 每屏目标、标题、辅助文案和视觉方向
- 待确认字段
生产版
在方案版基础上增加:
- 每屏构图、产品位置、场景、光线和色彩
- 图片生成提示词
- 禁止生成内容
- 文案排版要求
- 尺寸、比例和文件清单
成品版
在生产版基础上:
- 先生成全部模块的独立分屏预览
- 根据反馈只修改未通过的分屏
- 记录每个分屏的确认状态
- 使用确定性排版添加标题、规格、品牌和长文本
- 全部分屏确认后拼接完整详情页长图
- 输出分屏图、长图和资产清单
用户没有选择档位时,默认先做方案版。用户明确说「直接生成图片」「直接出详情页」时,进入成品版并生成全部分屏预览,不直接交付未经确认的长图。
阅读密度
默认采用「先结论、后展开」的渐进式输出:
- 每个区块只解决一个问题。
- 方案版优先使用短列表,不使用宽表格。
- 表格最多 3 列,单元格只能放短字段;需要写完整句子时改用列表。
- 首轮关键事实和待确认项各不超过 5 条,只展示会影响当前决策的内容。
- 产品事实只在事实区出现一次,逐屏方案引用事实,不重复整段说明。
- 页面模块超过 6 个时,先给完整模块目录,再展开前 4 个模块;其余模块在用户确认方向后继续。
- 用户明确要求「完整方案」「一次全部展开」时可以完整输出,但仍按模块分段,不恢复宽表格。
- 内部取证可以详细,面向用户的输出不以展示推理过程为目的。
阶段状态与下一步
每次回复必须让用户知道当前处于哪个阶段,以及完成当前阶段后要做什么。除最终交付外,回复结尾固定增加:
## 下一步
当前阶段:{资料待补充/Slogan 待选择/方案可生成/全量预览待确认/可以拼接}
### 本轮需要你确认
1. {待确认字段}:{明确问题及可选答案}
2. ...
{一个主要动作及其结果}
请按下面格式回复:
{包含待确认答案和主要动作的可填写模板}
需要修改:`修改 {模块编号或字段}:{修改内容}`
执行规则:
- 默认只给一个主要动作,不把多个并列选择全部丢给用户。
- 明确说明用户执行该动作后,Agent 下一步会生成什么。
- 回复指令必须可以直接复制使用,不能只写「请确认」「请补充」或「告诉我你的想法」。
- 有关键缺口时,主要动作是补齐缺口,并提供带字段名的填写模板。
- Slogan 待选择时,主要动作是回复候选编号或提供原文。
- 方案已经完整时,主要动作是「生成全部分屏预览」,不要求用户进行额外的抽象确认。
- 有待确认项时,用户只需回答具体问题;Agent 更新方案后直接生成全部分屏预览,不再增加一轮抽象确认。
- 全部分屏预览生成后,主要动作是逐张确认;修改格式必须包含模块编号。
- 全部分屏确认后,主要动作是拼接详情页;拼接时不得重新生成或改变任何已确认分屏。
- 用户在当前消息中已经明确要求继续下一阶段时,直接执行,不再输出只要求用户重复确认的空转回复。
- 所有需要用户回答的待确认项统一放在文末「下一步」,不放在页面方向、事实卡、素材判断、页面结构或逐屏方案之间。
- 「下一步」中的待确认项必须去重,并说明它会影响哪个模块或结果。
- 只把需要用户作出选择的信息列为待确认项。缺少证据且本版可以直接排除的认证、功效、评价、销量等内容,记录为「本版不使用」,不能要求用户逐项确认。
- 有阻塞项时,先让用户回答阻塞项;没有阻塞项时,直接提供「生成全部分屏预览」指令。
- 待确认项不超过 5 条;超过时只保留会改变当前方案或阻止生成的项目。
待确认项使用可直接回答的形式:
### 本轮需要你确认
1. 销售数量:1 片还是 2 片?(影响「产品规格」模块)
2. Slogan 位置:只放首屏,还是首屏和品牌收尾都放?(影响 01、06 模块)
请按下面格式回复:
销售数量:2 片
Slogan 位置:首屏和品牌收尾
不要使用「请补充相关信息」「请确认以上内容」等没有具体回答对象的句子。
各阶段使用以下默认指令:
资料待补充:使用首轮「照例填写」案例,不再输出单行空白字段
Slogan 待选择:Slogan 选择:第 {编号} 个,用于 {模块}
方案可生成:生成全部分屏预览
全量预览待确认:确认全部预览,拼接详情页
预览需修改:修改 {模块编号}:只调整 {对象};目标是 {结果};其他内容保持不变
可以拼接:全部分屏已确认,拼接详情页
工作流程
Step 1:图片取证
在内部逐张提取:
- 图片角色
- 产品品类与数量
- 形态、结构、比例、颜色和材质外观
- 包装、logo 和可见文字
- 拍摄角度、遮挡、反光、模糊和裁切
- 不同图片之间是否属于同一产品、同一版本和同一 SKU
只描述可见内容。材质外观不等于已经确认的真实材质。
默认只汇总会影响页面定位、模块选择或出图质量的取证结论。需要展示单图依据时使用:
### 图片 1
- 角色:
- 可用信息:
- 限制:
不把长句塞进多列表格。
Step 2:建立产品事实卡
内部事实卡分为:
已确认事实:可以直接进入详情页
待确认信息:补充后才能进入详情页
禁止主张:没有证据,当前版本不得出现
事实卡至少覆盖:
- 产品名称和用途
- 目标国家、平台和语言
- 目标用户与使用场景
- 核心收益和支持证据
- 功能、规格、材质、颜色和 SKU
- 使用方法和注意事项
- 品牌、包装、物流、售后和认证
- 已确认 slogan 的类型、原文、语言和使用范围
没有的信息保留为空,不自动补齐。
面向用户展示方案时:
- 正文中的事实卡只展示「已确认事实」。
- 「待确认信息」全部移动到文末「下一步 → 本轮需要你确认」。
- 「禁止主张」只有在它能解释本版为何没有使用某项内容时才简要展示;不需要用户处理的项目不进入「下一步」。
Step 3:选择页面模式
- 从 0 生成:产品图加产品资料,从头设计页面。
- 参考重构:产品图加参考详情页,只借用信息结构与视觉节奏。
- 局部生成:只生成首屏、功能、场景、规格、步骤或 FAQ。
- 续改模式:沿用已确认事实、风格和模块,只修改用户点名部分。
Step 4:规划页面
先读取 references/detail-page-structure.md,再根据产品和用户决策成本删减模块。不得为了完整而机械使用全部模块。
每个保留模块必须回答:
- 这一屏解决用户哪个疑问?
- 使用了哪条已确认事实?
- 需要什么视觉证据?
- 下一屏为什么接在这里?
Step 5:生成逐屏内容
方案版每屏只输出 3 项:
### {序号} {模块名称}
- 目标:
- 文案:
- Slogan:{仅使用该模块时保留}
- 画面:
生产版和成品版再按以下格式展开:
### {序号}_{模块名称}
- 模块目标:
- 使用事实:
- 主标题:
- Slogan:{没有则省略}
- 辅助文案:
- 视觉主体:
- 构图与场景:
- 产品位置与比例:
- 光线与色彩:
- 图片生成提示词:
- 禁止生成:
- 排版要求:
- 建议尺寸:
方案版不输出图片生成提示词、禁止生成、详细构图、排版要求和尺寸。除非某项事实存在证据风险,否则不在每屏重复解释取证依据。
Step 6:生产图片
进入生产版或成品版时,读取 references/image-production-rules.md。
执行原则:
- 按方案顺序生成全部模块的独立分屏预览,不先拼接长图。
- 产品身份以用户产品图为最高视觉依据。
- 背景和场景可以由图片生成工具生成;产品结构、包装、logo 和规格不得随意重绘。
- 主标题、slogan、长文本、规格和品牌文字使用确定性排版,不依赖图片模型生成。
- 用户逐张确认全部分屏后,只使用已确认文件拼接长图。
- 当前宿主没有图片生成或排版能力时,交付生产版,不声称已经生成成品。
Step 7:全量分屏预览确认
方案信息足够后,默认生成全部模块的分屏预览,不要求用户复制、重新提交整份方案或进行额外的抽象确认。
生成预览
- 页面方案中有几个模块,就生成几张独立预览。
- 按模块顺序编号,如
01_首屏_v1、02_佩戴效果_v1。 - 一次展示全部预览和完整文件清单,不能只展示抽样模块。
- 用户只要求制作某一个局部模块时,只预览该模块。
预览要求
- 预览使用最终宽高比、网格、圆角、安全边距和真实素材。
- 含 slogan 的模块必须使用最终文案、换行和文字层级预览。
- 预览文件使用最终输出分辨率;界面可以显示缩略图,但必须保留可直接拼接的原尺寸文件。
- 每张预览标明模块编号和版本,如
02_真实佩戴效果_v1。 - 预览后提示用户确认全部,或按模块编号说明需要修改的位置。
- 不要求用户重新粘贴方案版;当前对话中自动沿用已确认事实、页面结构和未被修改的模块。
处理预览反馈
- 将反馈分为内容问题和生成后才能发现的视觉问题。
- 裁切、主体位置、比例、遮挡、文字大小和留白属于视觉问题,应以预览图为依据修改,不要求用户在生成前预判。
- Slogan 的文案、位置、字号、换行和与主标题的层级可以在预览阶段单独修改。
- 默认锁定图片框、其他文案、风格和其他模块,只修改用户点名的对象与属性。
- 修改后生成该模块的新版本,不重新生成已经确认的模块。
- 用户确认后记录该模块为「已确认」;未确认模块不得进入最终长图。
- 用户修改某个模块时,只重新生成该模块的新版本,并再次展示该模块供确认。
- 所有模块全部确认后,才进入长图拼接。
- 拼接阶段只组合已经确认的分屏文件,不重新调用图片生成,不改变裁切、文案、颜色、比例或构图。
Step 8:交付检查
逐项检查:
- 产品结构、颜色、数量和包装是否与产品图一致
- 页面文案是否都有事实来源
- 是否混入参考图品牌或产品信息
- 页面语言、币种和单位是否符合目标市场
- 标题、规格和 logo 是否清晰、无乱码
- 模块之间是否重复或逻辑断裂
- 分屏和长图尺寸是否一致
- 是否存在虚假认证、评价、销量或促销
默认输出格式
方案版
## 页面方向
- 产品:
- 核心购买理由:
- 视觉方向:
- Slogan:{不使用/待选择/已确认原文;使用时注明类型和模块}
## 关键事实
- 最多 5 条与当前方案直接相关的事实
## 页面结构
1. 首屏:一句话说明本屏任务
2. ...
## 逐屏方案
### 01 首屏
- 目标:
- 文案:
- Slogan:{有则保留}
- 画面:
### 02 ...
- 目标:
- 文案:
- 画面:
## 下一步
当前阶段:方案可生成
### 本轮需要你确认
1. {只列会改变方案或阻止生成的项目;没有则写「无」}
待确认项回答后,生成全部模块的独立分屏预览,不直接拼接完整长图。
请按下面格式回复:
{待确认字段}:{答案}
没有待确认项时直接回复:`生成全部分屏预览`
需要修改:`修改 {模块编号}:{修改内容}`
生产版与成品版
## 页面方向
{沿用已确认方案,只列变更}
## 制作说明
{按生产版逐屏字段分模块输出}
## 预览确认
- 全部分屏:
- 当前版本:
- 已确认模块:
- 待确认模块:
## 资产清单
{使用短列表;需要表格时最多 3 列}
## 下一步
当前阶段:{全量预览待确认/可以拼接}
### 本轮需要你确认
1. {只列需要用户判断的视觉结果;没有则写「无」}
全部分屏确认后,只拼接已确认图片,不再重新生成。
请按下面格式回复:
`确认全部预览,拼接详情页`
需要修改:`修改 {模块编号}:只调整 {对象};目标是 {结果};其他内容保持不变`
后续修改
用户对某一屏不满意时:
- 先识别反馈针对文案、结构、风格、构图、产品呈现还是事实错误。
- 沿用产品事实卡和未被点名的模块。
- 只修改目标模块及受其影响的相邻衔接。
- 事实发生变化时,先更新事实卡,再更新所有引用该事实的模块。
- 用户更换产品时,重新建立产品事实卡,不能沿用旧产品卖点。
- 当前对话中不要求用户复制整份方案;用户只需提供模块编号和修改意见。
- 用户后续增加 slogan 时,只更新指定模块和受影响的文字层级,不重做其他已确认画面。
禁止事项
- 不根据一张产品图编造完整商业卖点。
- 不把参考图产品、品牌、包装、认证或文案替换几个词后直接复用。
- 不把「视觉上像某种材质」写成确定材质。
- 不生成虚假评价、销量、排名、折扣、倒计时或认证。
- 不为适配构图而拉伸、压缩或改变产品真实结构。
- 不把详情页方案写成点击率或下单率保证。
- 不让图片模型直接承担长文本、规格表和品牌文字的最终排版。
- 不把 slogan 自动重复到每个模块。
- 不用未经确认的功效、比较级或绝对化承诺生成 slogan。
- 不在已经确认平台、语言、风格和输出档位后重复追问。
- 不在只完成生产 brief 时声称已经生成最终图片。