AI 电商详情页视觉制作

让消费者在浏览过程中逐步读懂商品

「AI电商详情页模块」把 SKU 信息和商品照片,做成三至六张统一的详情页视觉模块,每个模块都有清晰信息和页面位置建议。模块涵盖卖点、材质细节、使用场景、尺寸或对比、包装和品牌故事,均为 2K PNG,适用于亚马逊 A+ 页面、商品详情页、品牌旗舰店和 Shopify 商品页。「AI电商详情页模块」可在 WorkBuddy、Claude Code、Codex 等支持 Skill 的智能体里使用。

请安装 AI电商详情页模块;需要登录授权时告诉我:https://beatra.ai/skills/ecommerce-detail-module-studio/install.md

给智能体读:安装说明Markdown 版

发给 WorkBuddy、千问办公、Codex、Claude Code 等智能体即可安装,首次使用登录一次。GitHub ↗文档 ↗

AI电商详情页模块

交付一条连贯的详情页叙事,而不是互不相关的图片

01

每个模块只讲一件事

为卖点、材质、使用、尺寸、包装或品牌故事分配明确任务,让页面层层推进而不重复。

02

所有信息锚定真实 SKU

卖点、可见细节、包装内容和对比信息只基于已确认的商品资料与参考。

怎么做出来

01 · 规划模块顺序

让每一个浏览位置承担不同信息

确认 SKU 信息、目标页面、消费者问题,以及最适合回答这些问题的三至六个模块。

已确认商品信息与关键视觉要求 · 模块任务和顺序 · 每个模块的标题与依据 · 目标尺寸与版式说明

02 · 制作并交接

从首屏到末屏保持统一视觉

围绕既定任务制作每个模块,审阅完整顺序,并向页面搭建人员交付放置说明。

统一商品与场景表现 · 为页面文案保留清晰空间 · 按页面顺序交付模块文件 · 版式与实施说明

适用于 A+ 页面、品牌店铺、Shopify 与新品活动

Amazon A+ 页面

按顺序制作卖点、材质、场景、对比和品牌模块,形成结构完整的 A+ 页面。

Shopify 商品页

用可滚动视觉补充主图未讲清的利益点、使用场景、尺寸和包装内容。

新品与品牌店铺

为新品发布或重点系列统一商品教育与品牌叙事。

输入与输出

输入 · 图片:真实商品照片

格式
JPG、PNG、WEBP

输入 · 文本:SKU 信息

输出 · 图片:统一的详情页视觉模块

格式
PNG
规格
单次 3–6 张;2K

输出 · 文本:叙事与版式说明

规格最近核对: · 依据:模型目录 · 文档 · 服务条款

常见问题

详情页包含多少个模块?

页面方案会根据商品、消费者问题和目标店铺,选择三至六个模块。

如何使用商品信息?

你提供的规格、包装内容、对比信息和商品优势,会成为每个模块的事实依据。

最终会交付哪些内容?

你会获得按页面顺序整理的统一模块视觉,以及标题、放置目的、尺寸和实施版式说明。

相关技能

给商品详情页一条清晰的视觉叙事

更多电商与营销 Skill