Menu
当用户希望基于明确的产品信息，梳理电商商品详情页内容、生成详情页内容结构、详情页文案、手机长图 HTML 黑白线框稿时使用。
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/saibodafu/e-commerce-skill --skill ecommerce-content-wireframeThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
当用户提供批量化的电商用户评论数据，希望按固定流程完成数据质检、清洗、字段拆分、结构化打标、购买人群与场景、正负面口碑、竞品参照物分析，并同时输出可筛选编辑 Excel 分析母表和可视化 HTML 完整分析报告时使用。
当用户需要为小红书带货、种草、产品科普、测评对比、避坑选购生成 2-4 张连续图文卡片方案、每页文案、版式结构或 AI 出图提示词时使用。支持科普类、测评类、避坑类三种模式，适合食品、母婴、美妆、健康、数码、日用品等电商品类内容。
当用户已经有电商详情页文案、HTML 图、原型图、产品图、包装图，想逐屏判断信息任务、推荐视觉风格、生成单屏详情页设计、逐屏修改确认，并最终拼接成 750px 电商详情页长图时使用。
Based on SOC occupation classification
Showing 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 文件运行。