前言¶
電商詳情頁往往要多張圖：主圖、細節、場景、參數、品牌塊等。手工在 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 。
