前言¶
電商詳情頁往往要主圖、多屏詳情、場景圖一起出，還要保持包裝、配色和版式一致。常見做法是設計師逐屏搭稿，或在通用對話裏零散寫提示詞，比例、結構和負面詞容易對不齊。下面介紹 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
