前言¶
上架前最耗時的往往不是文案,而是主圖:尺寸、留白、賣點排版都要對齊平臺習慣。自己用通用文生圖工具出圖,還要反覆改提示詞、對齊品牌色;找設計師則週期長、改稿成本高。若你已經在 Cursor、Claude Code 等環境裏用 Agent 處理日常任務,把「寫產品描述 → 出主圖」收成一條對話鏈路,通常比單獨開設計軟件更順手。
下面介紹 SkillHub 社區 Skill「電商主圖生成」:用產品描述驅動生成,並支持指定風格與參考圖做風格遷移。
這是什麼¶
「電商主圖生成」是 SkillHub 上由社區發佈者 user_db7424f5 維護的 Skill,座標爲 @user_db7424f5/udb7-ecommerce-main-image,當前版本 1.0.0,分類爲 design-media,來源爲 community。
官方簡介概括爲:根據自然語言描述生成電商主圖,支持參考圖風格遷移;輸入產品描述即可生成 3 張電商主圖,支持指定風格和參考圖。
SkillHub 頁面:https://www.skillhub.cn/skills/user_db7424f5/udb7-ecommerce-main-image
API 元數據:https://api.skillhub.cn/user_db7424f5/udb7-ecommerce-main-image
核心功能¶
以下能力均來自官方簡介與 SkillHub 元數據,未在資料中出現的接口或參數不展開。
- 自然語言出圖:用產品描述作爲輸入,由 Skill 引導 Agent 生成電商場景主圖。
- 固定批量:一次流程產出 3 張主圖,便於對比選用或 A/B 素材準備。
- 風格與參考圖:可指定風格;可提供參考圖,做參考圖風格遷移。
- 依賴 API Key:SkillHub 標籤爲
requires_api_key=true,使用前需按 Skill 包內說明配置密鑰(具體變量名以安裝後的SKILL.md爲準)。
安裝與啓用¶
SkillHub 推薦先具備 skillhub CLI,再把 Skill 安裝到當前 Agent 能識別的 skills 目錄;裝到錯誤目錄時 Agent 可能無法加載。
1、檢查或安裝 SkillHub CLI¶
command -v skillhub && skillhub --version
若未安裝,可按 SkillHub 官方安裝文檔執行完整安裝(CLI + 默認 Skill):
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
安裝說明全文:https://skillhub.cn/install/skillhub.md
2、安裝本 Skill¶
將 @user_db7424f5/udb7-ecommerce-main-image 安裝到對應環境的 skills 目錄。--dir 必須指向當前 Agent 的 skills 路徑,否則默認會落到 ./skills/,常見客戶端不會自動識別。
Cursor 示例:
skillhub install @user_db7424f5/udb7-ecommerce-main-image --dir ~/.cursor/skills/
Claude Code 示例:
skillhub install @user_db7424f5/udb7-ecommerce-main-image --dir ~/.claude/skills/
Codex 示例(用戶級或項目級二選一,與本地習慣一致即可):
skillhub install @user_db7424f5/udb7-ecommerce-main-image --dir ~/.codex/skills/
SkillHub 頁面也支持把下面這句話發給 AI,由 Agent 按 https://skillhub.cn/install/skillhub.md 完成安裝:
請根據 https://skillhub.cn/install/skillhub.md,安裝
@user_db7424f5/udb7-ecommerce-main-image。
安裝後重啓或重新加載 Agent,使 Skill 生效;並按包內 SKILL.md 配置 API Key(標籤 requires_api_key=true)。
典型用法¶
官方未在公開頁列出逐條 CLI 子命令,典型用法是在已啓用該 Skill 的對話裏給出產品描述,必要時補充風格或參考圖。下面示例僅複述官方能力邊界,便於復現對話意圖。
- 基礎三張主圖
在 Agent 中說明產品信息與上架平臺習慣,例如:
使用電商主圖生成 Skill:產品是 500ml 不鏽鋼保溫杯,賣點是 24 小時保冷、磨砂黑、適合通勤。請生成 3 張電商主圖。
- 指定風格
同上產品,主圖風格要極簡白底、大字號賣點,生成 3 張。
- 參考圖風格遷移
產品描述同上。參考圖路徑是 /path/to/reference.jpg,請按參考圖的整體色調和排版風格遷移,生成 3 張主圖。
實際提示詞組織方式以安裝後的 SKILL.md 爲準;生成結果需自行覈對平臺尺寸、文字合規與品牌規範。
適用場景與注意¶
適合誰
- 需要快速產出多套主圖草稿的運營、獨立站或小團隊賣家。
- 已在 Cursor / Claude Code / Codex 等環境使用 Agent,希望把出圖嵌進現有工作流的人。
限制與注意
- 標籤
requires_api_key=true:未配置密鑰時 Skill 無法完成調用,密鑰歸屬與計費以 Skill 文檔及對應圖像服務爲準。 - 一次生成 3 張是官方固定描述,若需更多張數應分次調用或結合本地後處理,勿假設有未公開的批量參數。
- SkillHub 元數據(截至頁面展示):評分 100000,下載 1508;安裝量等指標會變動,以 SkillHub 頁面爲準。
- 電商主圖涉及商標、肖像、平臺禁限售類目等合規要求,生成內容仍需人工審覈後再上架。
結尾¶
「電商主圖生成」把產品描述、可選風格與參考圖風格遷移收斂到一個社區 Skill 裏,適合在 Agent 環境裏快速拿到三張主圖草稿。安裝與優先源策略見 https://skillhub.cn/install/skillhub.md;Skill 詳情與安裝入口見 https://www.skillhub.cn/skills/user_db7424f5/udb7-ecommerce-main-image。