用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/saibodafu/e-commerce-skill --skill ecommerce-content-wireframe命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | ecommerce-content-wireframe |
| description | 当用户希望基于明确的产品信息，梳理电商商品详情页内容、生成详情页内容结构、详情页文案、手机长图 HTML 黑白线框稿时使用。 |
当用户希望梳理电商商品详情页内容时，使用本 skill。
只要用户的需求涉及以下任一方向，就应触发：
触发后不要直接生成内容，先使用以下固定开始语收集产品信息：
我会先基于完整产品信息，帮你一步步梳理电商详情页内容；确认内容后，再整理成详情页内容文档，并生成一份可运行的手机长图 HTML 黑白线框稿。
这份黑白线框稿用于快速预览详情页内容结构、模块顺序和转化逻辑，方便你和运营、设计、内容团队对齐方向后再进入视觉设计。
请先补充产品信息，包括但不限于：
【产品名】：[填写你的产品名]
【产品定位】：[填写产品定位]
【目标人群】：[填写目标人群]
【核心场景】：[填写目标场景]
【核心卖点】：[列出所有核心卖点]
如果你暂时不确定某一项，可以先写“待定”，但产品名、目标人群和核心卖点建议尽量具体，这会直接影响详情页内容的准确度。
开始前，先要求用户填写以下产品信息表：
产品信息如下：
【产品名】：[填写你的产品名]
【产品定位】：[填写产品定位]
【目标人群】：[填写目标人群]
【核心场景】：[填写目标场景]
【核心卖点】：[列出所有核心卖点]
如果用户没有提供完整信息，不要直接生成 HTML。先提示用户补齐：
请先补充完整产品信息，我会基于这些信息一步步生成详情页内容。
产品信息如下：
【产品名】：[填写你的产品名]
【产品定位】：[填写产品定位]
【目标人群】：[填写目标人群]
【核心场景】：[填写目标场景]
【核心卖点】：[列出所有核心卖点]
收到完整产品信息后，按以下顺序推进：
不要跳步。不要让用户选择先做哪一层。
每一步的固定节奏是：
目标：将产品的所有卖点提炼成一句有差异点和共鸣感的核心价值承诺，适合放在电商详情页第一屏。
要求：
输出 10 句话备选。
输出格式：
核心价值承诺备选：
1.
2.
...
10.
你可以这样回复我：
- 直接选一个编号，例如：选 3
- 选多个让我融合，例如：3 和 8 结合
- 说明你想要的方向，例如：更高端、更直接、更有情绪、更专业、更像天猫首屏
- 如果都不满意，告诉我“不满意 + 原因”，我会重新生成一组
基于用户选中的核心价值承诺，挖掘用户的痛点、痒点、爽点。
分析维度：
然后提炼出适合电商详情页的一句话表达，给 10 个选择。
输出格式：
痛点：
痒点：
爽点：
详情页表达备选：
1.
2.
...
10.
你可以这样回复我：
- 直接选择一句详情页表达，例如：选 5
- 让我融合多个方向，例如：2 和 9 结合
- 告诉我痛点要更尖锐、痒点要更有向往感，或爽点要更有被理解的感觉
- 如果你觉得痛点不准，可以补充真实用户抱怨、差评、咨询问题或购买前顾虑
目标：精准翻译产品卖点，将功能转化成用户真正关心的购买理由。
对每一个卖点按以下步骤处理：
结构要求：
输出格式：
卖点 1
主标题：用户买点
副标题：产品卖点
对应屏幕：第 X 屏，只讲这个卖点
卖点 2
主标题：用户买点
副标题：产品卖点
对应屏幕：第 X 屏，只讲这个卖点
你可以这样回复我：
- 确认保留，例如：这组可以
- 指定某个卖点重写，例如：卖点 2 重写
- 告诉我某个卖点要更理性、更生活化、更有画面感或更适合详情页大标题
- 如果卖点有证据，例如成分、工艺、认证、数据、材质、使用方法，可以继续补充，我会把它转成更有说服力的买点
如果用户给的卖点没有证据，不要补造数据。可以用体感、场景或结果表达，但避免虚假承诺。
目标：把产品从抽象卖点落到真实购买和使用情境。
按以下步骤完成：
输出格式：
全量使用场景：
- 场景：
价值：
Top 4 高价值场景：
1. 场景名：一句话概括
2. 场景名：一句话概括
3. 场景名：一句话概括
4. 场景名：一句话概括
你可以这样回复我：
- 确认保留这 4 个场景
- 替换某个场景，例如：把第 3 个换成通勤场景
- 告诉我哪个场景最重要，我会把它放到详情页更靠前的位置
- 如果你有真实销售场景、用户反馈、直播话术或小红书种草场景，也可以补充，我会重新筛选 Top 4
目标：让用户补充产品基础参数、成分、规格、用法、适用边界、认证、研发数据等事实性信息，用于后续整理内容文档和 HTML 线框稿。
这一部分以用户输入为准，不由 AI 编造。尤其是儿童、食品、健康相关产品，凡是涉及参数、成分、功效、认证信息等事实性内容，都必须要求用户提供或后续自行核查。
可以引导用户补充：
输出格式：
产品基础信息补充：
规格参数：
成分/配方：
使用方法：
适用边界：
认证/检测/研发数据：
其他需要进入详情页的信息：
你可以这样回复我：
- 直接补充具体信息，例如：规格是 250ml，适合 3 岁以上儿童
- 某一项没有就写“暂无”或“待核查”
- 如果有检测报告、研发数据、认证信息，可以直接贴出来，我只基于你提供的内容整理
- 如果涉及儿童、食品、健康相关表述，请优先提供真实研发数据和可核查信息
目标：在详情页底部完成购买理由总结，降低用户犹豫。
可以从以下方向收口：
输出 3 到 5 组收口方案。
输出格式：
决策收口备选：
1. 主标题：
副标题：
行动提示：
2. 主标题：
副标题：
行动提示：
你可以这样回复我：
- 直接选择一组，例如：选 2
- 让我融合两组，例如：1 和 4 结合
- 告诉我收口方向，例如：更强转化、更克制、更高端、更有安全感、更突出性价比
- 如果用户下单前还有具体顾虑，例如价格、规格、适用人群、效果担心、售后问题，可以补充，我会把它写进收口层
当六层内容都确认后，必须先整理完整的详情页内容文档。
内容文档包括：
内容文档输出后，用以下话术引导用户确认：
你可以这样回复我：
- 回复“确认”，我会继续生成完整 HTML
- 指定修改某一层，例如：核心价值承诺层再改一下
- 告诉我 HTML 呈现偏好，例如更像天猫详情页、更像小红书种草长图、更像品牌官网低保真稿
- 如果不需要 HTML，也可以让我只保留内容文档
内容文档确认后，再生成完整可运行的 HTML 黑白线框稿。
HTML 要求：
375px 左右并居中展示输出 HTML 前，用一句话说明：
本框架图仅作为内部探讨示例，AI生成的内容都可能有问题。尤其是儿童、食品、健康相关产品，凡是涉及参数、成分、功效、认证信息等这类事实性内容，应该以你的研发数据为准，做好事实核查。
下面是根据已确认内容生成的完整 HTML，可直接保存为 .html 文件运行。