前言¶

電商詳情頁往往要同時滿足平臺尺寸、品牌調性和轉化邏輯：運營寫賣點、設計排版、法務盯合規，來回改稿很常見。若只靠通用對話讓模型「寫一段詳情文案」，通常拿不到可落地的模塊順序、視覺說明和上線前核對項。

下面介紹 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