电商详情页策划与线框原型
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_41dc0d90/ecommerce-detail-page-planner。
技能介绍
解决的问题
电商详情页常停留在卖点罗列,缺少从用户浏览、理解、信任到决策的连续叙事;常见痛点是首屏承诺空泛、卖点与用户购买理由割裂、参数与保障信息缺失或前后不一致。设计评审前也缺少可快速预览的结构稿。
技能如何工作
- 需求对齐:固定收集
产品名、产品定位、目标人群、核心场景、核心卖点和 关键参数 / 材质 / 规格,避免后文编造硬指标。 - 分屏策划:按核心价值主张、强化主张、卖点转买点、使用场景、产品细节图、产品参数逐步产出文案;文案输出遵循买点用用户语言、卖点用产品语言,每个卖点独立成屏。
- 卖点顺序:固定为
器型 → 釉色 → 材质 → 搭配,由外到内、由视觉到本质。 - 线框交付:读取
assets/wireframe.html,将确认内容填入 375px 手机长图 模板,生成黑白低保真 HTML 原型,保存为新文件。
适用边界
更适合给定产品、人群、卖点与参数后的详情页策划和低保真预览;输出通常是分屏文案稿与 HTML 线框稿,适合评审结构、叙事顺序和占位内容。不替代真实摄影、视觉设计、UI 精修或合规审核。若 Stage 1 缺少关键参数,需要先补齐,不能留占位。
使用场景
- 电商运营在上新前拿到产品名、人群、卖点与参数,需要产出可评审的分屏文案与 375px 黑白线框稿。
- 产品经理要把卖点转成购买理由,并按器型、釉色、材质、搭配固定顺序拆成多屏详情页内容。
- 运营需要把使用场景、细节图占位和产品参数收口成手机长图预览,用于设计评审前的低保真原型。
适合人员
- 负责新品详情页的电商运营,需要把产品参数和卖点整理成可评审的分屏结构。
- 做家居或消费品内容策划的文案编辑,需要按购买决策链路输出首屏承诺与卖点屏。
- 需要在设计外包前给出低保真线框的产品负责人,需要快速生成 375px HTML 预览。
- 负责商品页文案迭代的文案策划,需要将卖点转成用户买点并保留产品参数收口屏。