返回 Skills 广场

场景分类

详情页与视觉素材

适用对象

小红书商家、选品运营、视觉设计、电商运营和需要优化商品主图/详情图的团队

解决什么问题

这个 skill 用于分析多个小红书商品详情页链接里的主图、副图、详情图、价格、销量、店铺口碑和 SKU 等公开可见信息,判断竞品为什么这样设计,再反推自己的商品图应该怎么拍、怎么排、哪些表达必须有证据。它只支持小红书 goods-detail 商品链接,不支持淘宝、天猫、京东、抖音、拼多多等其他平台。最终默认输出已确认的第 10 版 HTML 报告结构:商品横向对比、每个商品一行的主图/详情图证据墙、设计原因拆解、自己的主图 1+5 方案、手机框内上下滑动的详情页模拟布局和执行清单。

完整使用场景

  • 手上有多个小红书商品详情页链接,想横向比较对方主图、详情图、价格、销量和视觉打法时,用它生成设计决策报告。
  • 准备重做自己的商品主图和详情页,但不知道竞品图片为什么这样排、哪些可以学、哪些不能照抄时,用它拆解购买问题和视觉逻辑。
  • 直播间、店铺或投放前需要给设计师/拍摄团队一份可执行图片方案时,用它输出主图 1+5、详情页 10 屏顺序和素材清单。
  • 小红书页面无法自动采集时,用它按要求提示用户补充首屏、商品图集、详情页长图、SKU 规格和售后口碑截图,再继续分析。
  • 需要一份直观 HTML 报告给团队讨论时,用它输出商品证据墙、横向对比表、设计判断和详情页模拟布局。

这是什么 Skill

小红书商品图设计决策报告用于把多个小红书商品详情页链接,转成一份可核对、可讨论、可执行的商品图设计分析报告。

适合什么场景

当你准备重做小红书商品主图、详情图,或者要给设计师、拍摄团队下任务时,单看竞品图片很容易只得到一句“参考一下这个风格”。这个 skill 解决的是更具体的问题:竞品为什么把主图这样拍,详情页为什么按这个顺序讲,哪些图片在解决点击,哪些图片在解决信任,哪些表达需要证据支撑。

它适合用于 3-10 个小红书 goods-detail 商品链接的横向分析。典型场景包括饰品、服装、家居、虚拟商品或其他需要靠主图和详情图提高购买信心的商品。它不支持淘宝、天猫、京东、抖音、拼多多等其他平台链接。

需要用户提供什么

标准输入是多个小红书商品详情页链接,以及自己的商品资料,例如商品名称、价格带、SKU、目标人群、材质、包装和售后规则。如果你已经有真实产品照片、供应商规格、材质证书、包装图、用户评价或转化数据,也应该一起提供。

如果小红书页面因为登录、验证码或访问限制无法自动采集,skill 会提示你手动截图。每个商品最好提供首屏截图、商品图集或轮播图、详情页长图或分段截图、SKU/规格截图、店铺口碑和售后截图。截图要保留原始顺序,不要裁掉价格、标题、链接和说明文字。

采集依赖什么能力

采集使用的是 Playwright 浏览器自动化,不是小红书官方 API。它会打开小红书 goods-detail 链接,读取页面上公开可见的标题、价格、已售、店铺信息、SKU 文案、图片链接、背景图和页面截图。

本地需要 Node.js、Playwright 或 Codex bundled Playwright 运行时,以及能访问小红书页面的网络环境。如果页面需要登录或被风控拦截,需要使用已有登录态浏览器,或者改用用户提供的截图和图片资料。skill 不会声称读取私有后台数据、订单数据、隐藏字段或平台内部指标。

它具体分析什么

分析重点不是审美评价,而是购买问题拆解。报告会判断主图是否负责点击和第一印象,副图是否负责佩戴效果、SKU 选择、尺寸、材质、结构、包装、售后和 FAQ,详情页是否按用户决策顺序组织信息。

同时,报告会标出证据边界。比如“纯银”“不过敏”“F136”“爆款”“久戴不痛”等强表达,不能只因为竞品写了就照抄,必须有材质证明、测试报告、真实评价或平台可核对数据支撑。

最后会输出什么

默认输出是第 10 版结构的 HTML 报告,包含报告摘要、商品级横向对比、主图/详情图证据墙、报告维度核对、对方为什么这样设计、竞品打法地图、我的商品图应该怎么设计、详情页模拟布局和执行清单。

其中最核心的是“我的商品图应该怎么设计”。它会把主图 1+5、详情页 10 屏顺序、画面怎么拍、需要什么素材和证据、哪些话不能写清楚列出来。报告不是为了多写分析,而是为了让下一步拍摄、设计和上架页面有明确依据。

报告示例

小红书商品主图、详情图设计决策分析报告

竞品 3 个商品链接 3 条图片样本 33 张详情页 10 屏方案HTML 报告

核心结论

这份报告不是判断哪张图更好看,而是判断每张主图、详情图在解决什么购买问题。

示例报告会把竞品的价格、主图、详情图、SKU、包装和售后信息放在同一套证据里横向比较,再反推自己的图片应该怎么拍、怎么排、哪些表达必须有真实证据。

最终建议会落到主图 1+5、详情页 10 屏顺序和拍摄执行清单,方便运营、设计和拍摄团队直接分工。

一、商品级横向对比

报告先把每个小红书商品的链接、标题、价格、销量口径、店铺信息、主图和关键视觉打法放到同一张对比表里。

商品价格/销量主图打法详情页重点可学习点
竞品 A展示公开可见价格与已售信息真人上耳,先证明佩戴效果材质、尺寸、包装和售后适合学习首屏信任建立
竞品 B展示公开可见价格与折扣口径多 SKU 组合,突出选择空间颜色矩阵、场景图、细节图适合学习 SKU 展示顺序
竞品 C展示公开可见价格与店铺信息风格氛围强,弱化参数先讲风格,再补规格适合学习详情页节奏

二、主图 / 详情图证据墙

示例报告会按每个商品一行展示图片证据,商品链接始终放在图片组旁边,方便用户回到原始页面核对。

图片不只作为装饰,而是作为结论依据:哪张图解决点击问题,哪张图解决上身效果,哪张图解决材质、尺寸、包装和售后问题。

  • 每个商品一行
  • 主图和详情图放大展示
  • 保留原始商品链接
  • 标注图片对应的购买问题

三、对方为什么这样设计

报告会把图片设计拆成购买链路,而不是停留在风格描述。每一种做法都要对应用户下单前的疑问。

设计做法为什么这样做解决的购买问题我的商品能不能学
首图放真人佩戴小红书用户先判断上身效果和风格匹配好不好看、适不适合我可以学,但必须拍自己的真实佩戴图
详情页前段放痛点和场景先降低犹豫,再讲参数会不会踩雷、值不值得买可以学,文案要基于真实卖点
用包装和售后收尾补足交付信任收到什么、售后有没有保障可以学,但只能展示真实交付

四、我的商品图应该怎么设计

示例报告会输出可执行的主图 1+5 和详情页方案,把页面任务、文案方向、画面设计、所需证据和设计判断合在同一张表里。

图序页面任务核心文案方向需要证据设计判断
图 1负责点击和第一印象上耳效果/风格关键词真人佩戴图主图必须优先拍真人上耳,文字少,产品露出清楚
图 2-3解释款式与结构尺寸、形状、佩戴稳定细节实拍和尺寸信息结构卖点必须实拍,避免无证背书
图 4-6解决选择和信任SKU、材质、包装、售后SKU 图、材质证明、包装照片强表达必须有证据,包装只能展示真实交付

五、详情页模拟布局

报告最后会用手机框模拟小红书用户浏览商品详情页的真实节奏:从首屏确认风格,到解决尺寸、材质、SKU、交付和售后疑虑。

手机框内支持上下滑动查看完整详情页,外部用两排卡片列出 10 屏页面任务,方便设计师按屏执行。

安装与完整 Skill 内容

这部分内容需要激活码解锁。激活后可以查看安装说明、使用步骤和完整 skill 内容。