前言¶
电商详情页往往要主图、多屏详情、场景图一起出，还要保持包装、配色和版式一致。常见做法是设计师逐屏搭稿，或在通用对话里零散写提示词，比例、结构和负面词容易对不齐。下面介绍 SkillHub 上的社区 Skill「生成电商详情图」（@user_d919632d/scdsxqt）：上传产品图后，按固定步骤做识别报告，再批量产出主图、详情屏、海报等可粘贴到生图工具的中文（或跨境英文）提示词方案。
这是什么¶
「生成电商详情图」是 SkillHub 社区发布者 user_d919632d 维护的 Agent Skill，坐标 @user_d919632d/scdsxqt，当前版本 1.0.0，分类 design-media，子类为「图片生成」「视觉素材」。官方页面标注 requires_api_key=false，无需单独配置 API Key。
技能包内的 SKILL.md 标题为「电商AI作图技能 · OpenClaw 优化版」，定位是：上传产品图 → AI 自动识别 → 输出可生图的提示词方案，并写明适用于 OpenClaw、Claude、Gemini、Lovart 等生图相关环境。它不负责在 Skill 内直接出图，而是把识别、分屏结构和提示词模板固化下来，再由你在 Lovart、Gemini、豆包等工具里生成画面。
核心功能¶
以下能力均来自技能包 SKILL.md 正文。
全局生图约束¶
所有提示词方案默认附带三条规则：严格还原上传产品（包装、颜色、LOGO、文字、图案等）；保持真实材质质感；整套图风格统一、排版达到杂志级精致度。
Step 1：产品识别¶
上传产品图后，用固定模板让 Agent 输出「识别报告」，字段包括品牌、产品类型与规格、核心卖点、主辅色（含 HEX）、设计风格、受众、品牌调性、材质、包装亮点、推荐字体等。
Step 2：场景模板（五选一）¶
在识别报告基础上，可选五类模板，各自约定画幅与数量：
| 模板 | 比例 | 数量 | 用途概要 |
|---|---|---|---|
| A. 主图 | 1:1 | 10 张 | 主图提示词、文案、排版说明；首张可含营销通栏结构 |
| B. 详情页 | 2:3 | 10 屏 | 详情竖版分屏结构（品牌、卖点、对比、教程、购买引导等） |
| C. 海报 | 9:16 | 10 屏 | 竖版海报，每屏含 CTA |
| D. 场景图 | 1:1 | 5 张 | 氛围、使用、细节特写、手持等商业摄影向画面 |
| E. 跨境电商 | 1:1 或 9:16 | 10 张 | 按目标市场与平台生成，文字与模特族裔匹配，产品还原段用英文 |
每类模板要求输出中文提示词（跨境模板为英文产品还原段 + 目标国语言标题）、负面提示词，以及标题、布局或 CTA 等配套文案说明。
Step 3：生图与工具建议¶
复制 Step 2 的提示词，在 Lovart、Gemini、豆包等工具中上传产品原图并按对应比例生成。文档中给出了各工具的建议开关（如深度思考、联网，Lovart 侧提到 Nano Banana Pro 等）。
附录能力¶
文档还包含「反推风格」「产品融图」「3C 发光」等补充提示词片段，以及主图 1:1、详情 2:3、海报 9:16 等比例速查表，和按品类扩展的负面提示词库（食品、3C、美妆、家居、服装等）。
安装与启用¶
SkillHub 页面给出的安装指引是：让当前 Agent 阅读 SkillHub 安装说明，并安装 @user_d919632d/scdsxqt。
若本机已安装 skillhub CLI，可将技能装到当前 Agent 的 skills 目录（安装时必须带 --dir，否则默认目录可能不被识别）：
command -v skillhub && skillhub --version
未安装 CLI 时，可按官方安装脚本安装（完整包或仅 CLI）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
# 仅 CLI：
# curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only
安装本技能示例（slug 为 scdsxqt）：
skillhub install scdsxqt --dir <你的 Agent skills 目录>
常见路径（以 SkillHub 文档为准）：
- Cursor：
~/.cursor/skills/ - Claude Code：
~/.claude/skills/ - Codex：
~/.codex/skills/或项目下.agents/skills/
安装后重启或刷新 Agent，使 SKILL.md 被加载。官方抓取数据显示该 Skill 下载约 3231 次、安装统计为 0（以 SkillHub 页面统计为准），使用前可在 技能详情页 查看安全扫描结果（科恩、叁步等标注为「安全，无风险」）。
典型用法¶
下面步骤与技能包一致，可在支持 Skills 的对话环境中复现。
1. 上传产品图并完成识别
向 Agent 发送 Step 1 的识别提示词（见技能正文），得到完整【识别报告】。
2. 选择模板生成提示词方案
例如做淘宝详情竖版，使用模板 B，将识别报告粘贴进模板末尾的占位处：
你是资深电商设计师。根据下方【识别报告】，生成10屏详情页提示词（2:3竖版）。
10屏结构建议：品牌介绍→产品展示→卖点可视化(每款2-3屏)→产品对比→使用教程→购买引导
每屏输出：中文提示词 + 负面提示词 + 标题文案 + 信息布局说明
【识别报告】
[粘贴Step 1的报告]
主图、海报、场景图、跨境方案分别对应模板 A、C、D、E，比例与屏数见上文表格。
3. 在外部生图工具出图
复制 Agent 生成的各屏提示词与负面词，打开 Lovart、Gemini 或豆包，上传同一产品原图，选择对应比例生成。需要跨境素材时，在模板 E 中先写明目标市场与平台（如 Amazon、TikTok Shop）。
适用场景与注意¶
适合谁
- 运营或小团队需要快速搭详情页分镜和主图结构，但希望产品外观与参考图严格一致。
- 已在 Lovart、Gemini、豆包等环境生图，缺一套可重复的「识别 → 分屏提示词 → 出图」流程。
限制与注意
- 技能产出的是提示词与文案方案，最终画质、文字渲染和合规（如广告法用语）仍依赖你所选生图工具与人工校对。
- SkillHub 页面上
overviewMd、summary为空，完整规则以安装后的SKILL.md为准；页面分类为 design-media，与「纯对话写一句 prompt」相比，步骤更固定，适合批量出多屏。 - 社区来源（
source: community），发布者未在平台完成作者认证（页面数据isAuthorVerified: false），商用前建议自行试跑并保留源图备份。 - 评分、下载量等以 SkillHub 抓取为准（例如评分 100000、下载 3231、收藏 17），会随时间变化。
结尾¶
「生成电商详情图」把电商常见的识别报告、主图/详情/海报/场景/跨境五类模板和负面词库写进 Skill，适合作为「提示词中台」接在外部生图工具之前。需要安装或查看元数据时，可打开官方地址：
- API 坐标页：https://api.skillhub.cn/user_d919632d/scdsxqt
- SkillHub 详情：https://www.skillhub.cn/skills/user_d919632d/scdsxqt
