Agent Skills
返回列表
电商详情页策划与线框原型

电商详情页策划与线框原型

内容创作 更新于 2026.08.29

将以下提示词粘贴到你的 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 预览。
  • 负责商品页文案迭代的文案策划,需要将卖点转成用户买点并保留产品参数收口屏。