前言¶

电商详情页往往要同时满足平台尺寸、品牌调性和转化逻辑：运营写卖点、设计排版、法务盯合规，来回改稿很常见。若只靠通用对话让模型「写一段详情文案」，通常拿不到可落地的模块顺序、视觉说明和上线前核对项。

下面介绍 SkillHub 上的社区 Skill「电商详情页设计｜郭亿易」。它在通用 SKILL.md 流程里，把商品资料、人群与素材约束收拢为结构化输入，并按要求产出信息架构、文案、视觉指令，以及证据、风险与验收状态，便于设计师、商品运营和品牌团队对齐交付物。

这是什么¶

电商详情页设计｜郭亿易（坐标 @user_8d36cde0/ecom-detail-page-designer，版本 1.0.1）是 SkillHub community 来源、分类 design-media 的技能包，由发布者 user_8d36cde0 维护。

官方简介概括为：输入商品资料、目标人群、品牌素材和平台尺寸，产出详情页信息架构、页面文案、视觉指令与验收清单；面向电商设计师、商品运营和品牌团队，用于电商详情页设计任务，并输出证据、风险和验收状态。页面标注 requires_api_key=false，不依赖额外 API Key。

在 SkillHub 公开页可见评分为 100000，下载 8097（数据以 SkillHub 页面为准，会随时间变化）。

核心功能¶

依据官方简介与 SkillHub 页面，可核实的能力包括：

1. 结构化输入：商品资料、目标人群、品牌素材、各平台尺寸要求作为设计前提。
2. 信息架构：详情页模块划分与内容层次，便于设计与运营按屏推进。
3. 页面文案：与架构对应的卖点、说明类文案草案。
4. 视觉指令：给执行层（设计或出图工具）的画面、版式与素材使用说明。
5. 验收清单：上线或交付前的检查项。
6. 任务治理输出：证据、风险说明与验收状态，便于评审与留档。

具体字段名、输出模板以安装后的 SKILL.md 为准；本文不展开未在公开资料中出现的配置项。

安装与启用¶

SkillHub 官方页面给出的安装指引是：让当前使用的 AI Agent 参照 SkillHub 安装文档，安装 @user_8d36cde0/ecom-detail-page-designer。

若本机已有 skillhub CLI，可按文档将技能装到当前 Agent 的 skills 目录（安装时必须带 --dir，否则默认目录可能不被 Agent 识别）：

command -v skillhub && skillhub --version

未安装 CLI 时，文档提供一键安装（完整包或仅 CLI）：

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

安装本技能时，将 <skills 目录> 换成你正在用的客户端路径，例如：

# Cursor
skillhub install user_8d36cde0/ecom-detail-page-designer --dir ~/.cursor/skills/

# Claude Code
skillhub install user_8d36cde0/ecom-detail-page-designer --dir ~/.claude/skills/

# Codex（用户级或项目级 .agents/skills/，按你当前环境选择）
skillhub install user_8d36cde0/ecom-detail-page-designer --dir ~/.codex/skills/

也可在对话中直接说明：请根据 https://skillhub.cn/install/skillhub.md 安装 @user_8d36cde0/ecom-detail-page-designer，由 Agent 按文档完成检索与落盘。安装后按所用客户端要求刷新或重启，使技能被加载。

典型用法¶

公开页未附带固定示例 prompt；结合简介，可复现的用法是：在已启用该 Skill 的对话中，一次性提供四类信息，并说明要完成「电商详情页设计」任务。

建议准备的内容包括：

• 商品资料：名称、规格、核心卖点、价格带或促销约束（以你方真实资料为准）。
• 目标人群：场景、痛点、决策关注点。
• 品牌素材：Logo、主色、禁用元素、已有摄影或插画资源说明。
• 平台尺寸：目标渠道（如某电商平台长图宽度、首屏高度限制等）。

然后明确要求产出：信息架构、页面文案、视觉指令、验收清单，并需要证据、风险与验收状态。Agent 会按 Skill 内 SKILL.md 的流程组织回答；你方只需在缺项时补料，不必自行拼模板。

适用场景与注意¶

适合谁

• 电商设计师：需要模块顺序与视觉说明，减少与运营口头对齐成本。
• 商品运营：希望卖点与页面结构一致，并拿到可勾选的验收项。
• 品牌团队：在统一素材与调性约束下批量推进多 SKU 详情页。

注意

• 输出质量依赖你提供的商品与合规信息；Skill 不能替代平台规则、广告法与类目禁限词的最终审核。
• 社区来源（community），升级与维护节奏跟随发布者；使用前可在 SkillHub 查看版本 1.0.1 与更新说明。
• 评分为 SkillHub 站内指标，仅作选型参考，不代表某一店铺的实际转化效果。
• 无需 API Key，但若流程中你还要接图像生成或店铺 API，需自行配置，与本 Skill 标签无关。

结尾¶

电商详情页设计｜郭亿易把详情页设计从「零散写文案」收成可交付的信息架构、文案、视觉指令与验收清单，并附带证据、风险与验收状态，适合设计、运营、品牌协同。安装与详情见 SkillHub：

• 技能页：https://www.skillhub.cn/skills/user_8d36cde0/ecom-detail-page-designer
• API 条目：https://api.skillhub.cn/user_8d36cde0/ecom-detail-page-designer