前言¶
电商详情页往往要多张图：主图、细节、场景、参数、品牌块等。手工在 PS 或在线模板里一张张拼，既要统一风格，又要反复改文案和卖点，耗时且难和商品资料对齐。若你已经在 Cursor、Claude Code 等环境里用 Agent Skill 扩展能力，可以把「上传素材 + 填参数」交给 Skill，由 Agent 按技能说明生成多张详情页图片，减少重复排版工作。
下面介绍 SkillHub 上的社区技能「一键制作电商详情页」，说明它做什么、如何安装，以及使用时需要满足的前提。
这是什么¶
「一键制作电商详情页」是 SkillHub 坐标 @user_2406dfc3/dsxqy 下的社区技能（来源：community），分类为 design-media，当前版本 1.0.2，标签标明 requires_api_key=false（技能元数据未要求单独配置 API Key）。
官方简介：只要上传 1–3 张产品图片，输入简单参数和 logo，就可生成多张产品电商详情页。 它面向需要快速产出成套详情图的场景，由发布者 user_2406dfc3 维护；SkillHub 页面显示该技能由作者自主维护。
- SkillHub 页面：https://www.skillhub.cn/skills/user_2406dfc3/dsxqy
- API 坐标页：https://api.skillhub.cn/user_2406dfc3/dsxqy
核心功能¶
依据 SkillHub 已公开说明，可核实的能力如下：
- 素材输入：支持上传 1–3 张产品图片，并提供商品相关简单参数与 Logo。
- 输出形态：一次流程可生成多张电商详情页用图，而不是单张主图。
- 技能形态：遵循通用 SKILL.md 格式，由 Agent 读取技能说明后在与你的对话中执行生成步骤。
任务线索中提到的「先规划画面与文案、待确认后再出图」等细粒度流程，在未打开的 SKILL 正文里无法逐条核对；实际行为以你安装后 Agent 加载的 SKILL.md 为准。写作与排版类细节（服装、3C、局部修改等）若出现在第三方简介里而未出现在本次抓取的官方页，本文不当作已核实功能写入。
安装与启用¶
技能基于 SkillHub 分发。安装前需本机已有 skillhub CLI；若没有，按官方安装文档执行（需联网）：
command -v skillhub && skillhub --version
未安装时，可用文档中的推荐方式安装 CLI（或 CLI + 默认 Skill）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
安装技能时，必须用 --dir 指向当前 Agent 的 skills 目录，否则默认会装到 ./skills/，Agent 可能无法识别：
skillhub install @user_2406dfc3/dsxqy --dir <你的 Agent skills 目录>
常见路径（来自 SkillHub 安装文档，按你实际使用的客户端选择其一）：
| 客户端 | skills 目录示例 |
|---|---|
| Cursor | ~/.cursor/skills/ |
| Claude Code | ~/.claude/skills/ |
| Codex | ~/.codex/skills/ 或项目下 .agents/skills/ |
也可按 SkillHub 技能页提示，让 AI 阅读 https://skillhub.cn/install/skillhub.md 并安装 @user_2406dfc3/dsxqy。
安装到正确目录后，按你所用 Agent 的说明重启或刷新技能列表，再在对话中 @ 或选用该技能。
典型用法¶
官方页面未提供独立 CLI 子命令示例，典型用法是在已启用技能的 Agent 对话中完成：
- 准备好 1–3 张产品图（清晰度与主体尽量符合你方上架要求）。
- 准备 Logo 与商品参数（名称、规格、卖点等，以你输入的「简单参数」为准）。
- 在对话中说明要生成电商详情页多张图，按 Agent 引导上传素材、补充字段。
- 根据生成结果迭代：若 SKILL 内支持修改文案或重做单张，在对话中说明即可（具体步骤见本地 SKILL.md）。
以上为可复现的最小路径；未在官方页出现的命令行参数或配置文件名，本文不列举。
适用场景与注意¶
适合谁
- 需要快速出成套详情图、且愿意在 Agent 里上传素材、用自然语言改稿的运营或设计协作流程。
- 已使用 Cursor、Claude Code、Codex 等支持 Skill 目录的客户端，并愿意安装 SkillHub CLI。
限制与注意
- 输入侧官方明确为 1–3 张产品图；超出范围是否支持需以 SKILL 正文为准。
- 分类为 design-media，生成质量依赖模型与技能内提示逻辑，上架前请自行审图、核对参数与合规文案。
- SkillHub 统计（抓取时）：评分 100000，下载 1131 次；数据会随时间变化，以 SkillHub 页面为准。
- 技能来源为 community，升级可用
skillhub在对应 skills 目录下按 SkillHub 文档做更新；安装前建议扫一眼版本 1.0.2 与页面说明。
结尾¶
「一键制作电商详情页」把「少量产品图 + 参数 + Logo」收敛成 SkillHub 上的一条安装坐标，适合在 Agent 工作流里批量生成详情页用图，并避免每次从零搭版式。若你要试用或查看元数据，请打开官方 SkillHub 页面：https://www.skillhub.cn/skills/user_2406dfc3/dsxqy 。
