Agent Skills
返回列表
电商详情页内容线框稿

电商详情页内容线框稿

企业运营 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_73fcded1/ecommerce-content-wireframe。

技能介绍

要解决的问题

商品详情页常被写成参数堆叠:标题像说明书,卖点重复,场景缺失,最后只能靠设计稿临时补救。这个技能把问题拆成内容策划问题:先确认产品能承诺什么,再组织用户为什么买、在哪里买、怎样降低犹豫。

如何工作

它不直接生成 HTML,而是先要求补齐产品信息,再按固定层级推进:

  • 核心价值承诺层:输出第一屏可用的一句话价值定义。
  • 痛点锚定层:拆解痛点、痒点、爽点,形成一句详情页表达。
  • 卖点强化层:把功能、成分、工艺或标准转化为用户买点,并坚持 一个核心卖点一屏。
  • 使用场景层:筛选 Top 4 高价值场景,避免泛泛举例。
  • 决策收口层:围绕安心感、性价比、低试错成本等完成购买理由。

每步给出多组备选,用户选择、融合或修改后,再进入下一层。最终先产出完整 内容文档,再生成一份内联 CSS 的 375px 手机长图 HTML 线框稿:白底黑字、浅灰模块、细黑线分隔,不依赖外部字体、图片或 CDN。

注意点

该技能适合需要交给运营、设计或内容团队继续执行的详情页策划。若缺少关键产品信息,它会先追问而不是硬写;涉及儿童、食品、健康等参数、功效、认证时,必须基于用户提供或可核查信息,不补造数据。

使用场景

  • 运营接到新品上线需求,要把散落的卖点、参数和用户疑问整理成详情页内容结构与首屏价值句。
  • 内容同学需要把功能卖点转化为用户买点,并确认每个核心卖点是否独立成屏、避免一屏堆多个卖点。
  • 设计前需要拿到可执行的低保真页面框架,用 375px 手机长图 HTML 呈现模块、分隔线和屏幕顺序。
  • 产品准备详情页评审材料,要把痛点、场景、购买理由和决策收口文案整理成一份完整内容文档。

适合人员

  • 负责新品上线的电商运营,需要把产品信息整理成可评审、可交付的详情页内容策划稿。
  • 负责商品文案的内容编辑,需要把卖点转化为用户买点,并控制一屏只讲一个核心卖点。
  • 需要低保真框架的 UI 设计或设计协作人,需要拿到 375px 手机长图 HTML 线框稿。
  • 负责详情页评审的产品经理,需要整理痛点、场景、基础信息和决策收口方案。