---
title: "AI 电商详情页模块：A+ 页面视觉与版式交接"
summary: "围绕已确认 SKU 信息制作三至六张统一的详情页视觉模块，并交付清晰的叙事与版式说明。"
url: "https://www.beatra.cn/zh/skills/ecommerce-detail-module-studio"
language: "zh"
version: "0.2.4"
last_verified: "2026-11-09"
---

[Skills](https://www.beatra.cn/zh/skills) · [电商与营销](https://www.beatra.cn/zh/skills/categories/commerce-marketing)

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

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

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

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

[install.md](https://www.beatra.cn/skills/ecommerce-detail-module-studio/install.md) · [GitHub](https://github.com/beatra-ai/beatra-skills/tree/main/skills/ecommerce-detail-module-studio) · [文档](https://docs.beatra.cn/zh/docs/capabilities)

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

### 每个模块只讲一件事

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

### 所有信息锚定真实 SKU

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

## 怎么做出来

### 规划模块顺序 · 让每一个浏览位置承担不同信息

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

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

### 制作并交接 · 从首屏到末屏保持统一视觉

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

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

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

### Amazon A+ 页面

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

### Shopify 商品页

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

### 新品与品牌店铺

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

## 输入与输出

| 输入或输出 | 类型 | 格式 | 规格 |
| --- | --- | --- | --- |
| 输入 | 图片：真实商品照片 | JPG、PNG、WEBP | — |
| 输入 | 文本：SKU 信息 | — | — |
| 输出 | 图片：统一的详情页视觉模块 | PNG | 单次 3–6 张；2K |
| 输出 | 文本：叙事与版式说明 | — | — |

规格最近核对：2026-11-09 · 依据：[模型目录](https://docs.beatra.cn/zh/docs/models) · [文档](https://docs.beatra.cn/zh/docs/mcp-tools) · [服务条款](https://www.beatra.cn/zh/terms)

## 常见问题

### 详情页包含多少个模块？

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

### 如何使用商品信息？

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

### 最终会交付哪些内容？

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

## 相关技能

- [AI电商上架套图](https://www.beatra.cn/zh/skills/ecommerce-listing-image-set): 围绕同一商品和统一视觉方向，规划并制作主图、卖点图、细节图、场景图、尺寸展示和包装清单图。
- [直播带货脚本工作台](https://www.beatra.cn/zh/skills/live-commerce-script-studio): 分钟级流程表、每个品七步讲解、十二类照念话术，再加直播间要用的话术卡和示范音。
- [营销素材审核](https://www.beatra.cn/zh/skills/marketing-asset-review): 海报、主图或短片在发出前的逐条修改意见。
- [跨境电商主图预检](https://www.beatra.cn/zh/skills/marketplace-main-image-preflight): 用一张已有商品主图生成清晰的上架预检卡，并完成一次定点精修。

[更多电商与营销 Skill](https://www.beatra.cn/zh/skills/categories/commerce-marketing)