電商場景主圖:用 Skill 把商品圖做成可上架的場景主圖

前言

電商上架往往不只要一張「能看清產品」的圖,還要主圖帶場景、帶氛圍,才能和平臺常見的展示方式對齊。自己搭工作流、記提示詞、在多個工具之間切圖,成本高,也容易和「純白底」「換純色底」這類需求混在一起。

下面介紹 SkillHub 上的 電商場景主圖(@ixhlink/ixhlink-skills-ecom-scene-main):在對話裏上傳商品圖,由 Agent 按 Skill 指引生成面向上架的場景化主圖。若你只需要純白底商品圖,或任意照片換純色底,官方簡介建議分別優先使用白底圖生成器、照片換背景色,避免用錯 Skill。

這是什麼

電商場景主圖 是面向 design-media 類需求的 Agent Skill,座標爲 @ixhlink/ixhlink-skills-ecom-scene-main,當前版本 1.0.0,來源標註爲 enterprise,由 星華智聯科技 發佈。

一句話定位:在用戶提供商品圖的前提下,生成可用於電商上架的 場景化商品主圖。Skill 採用通用的 SKILL.md 格式,由支持 Skills 的 AI 客戶端加載後,在用戶提出相關意圖時自動選用。

官方 Skill 包地址:

  • https://api.skillhub.cn/ixhlink/ixhlink-skills-ecom-scene-main
  • SkillHub 頁面:https://www.skillhub.cn/skills/ixhlink/ixhlink-skills-ecom-scene-main

核心功能

依據官方簡介,已覈實的能力如下。

  1. 場景化主圖生成:上傳商品圖後,生成可上架的場景主圖(生活方式、氛圍、詳情頁場景等表述均落在同一類需求上)。
  2. 意圖觸發:當用戶提到「電商場景主圖」「場景主圖」「商品場景圖」「產品場景圖」「電商主圖場景」「生活方式主圖」「場景化商品圖」「商品氛圍圖」「詳情頁場景圖」等說法時,適合啓用本 Skill。
  3. 與相近能力的區分:僅要純白底商品圖時,優先白底圖生成器;任意照片換純色底時,優先照片換背景色。

標籤信息(SkillHub):pricing_type=paid(付費類)、requires_api_key=false(頁面標註不需要 API Key)。具體計費與額度以 SkillHub 商品頁爲準。

安裝與啓用

通過 SkillHub CLI 安裝

安裝流程以 SkillHub 官方文檔爲準:https://skillhub.cn/install/skillhub.md

先確認本機是否已有 skillhub:

command -v skillhub && skillhub --version

未安裝時,可使用文檔中的完整安裝命令(需聯網):

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

安裝 Skill 時,必須用 --dir 指向當前 Agent 的 skills 目錄;默認裝到 ./skills/ 可能不會被客戶端識別。示例:

skillhub install @ixhlink/ixhlink-skills-ecom-scene-main --dir <skills 目錄>

常用客戶端的 skills 目錄(摘自官方安裝文檔):

客戶端 skills 目錄
Cursor ~/.cursor/skills/
Claude Code ~/.claude/skills/
Codex ~/.codex/skills/ 或項目下的 .agents/skills/
Gemini CLI ~/.gemini/skills/

將 <skills 目錄> 換成你當前環境對應的路徑即可。安裝後按各客戶端要求重啓或刷新 Skills 列表。

通過對話讓 AI 安裝

SkillHub 頁面提供的提示詞爲:請 AI 根據 https://skillhub.cn/install/skillhub.md 安裝 @ixhlink/ixhlink-skills-ecom-scene-main。適合已開啓聯網、可執行 shell 的 Agent 場景。

典型用法

公開資料未附帶逐步截圖或固定提示詞模板,可復現的用法與官方簡介一致:

  1. 在 Cursor、Claude Code 等已啓用 Skills 的客戶端中,確認 電商場景主圖 已安裝並可見。
  2. 在對話中上傳一張 商品圖(白底或帶簡單背景均可,以你方素材爲準)。
  3. 用自然語言說明需求,並帶上官方推薦的觸發表述之一,例如:「根據這張商品圖生成一張電商場景主圖,偏生活方式場景。」
  4. 由 Agent 按 Skill 指引完成生成;若結果需要改場景風格,在同一對話中補充描述再迭代。

不要在本 Skill 上強行完成「只要純白底」或「任意照片換純色底」,應按簡介切換到對應 Skill。

適用場景與注意

適合誰

  • 運營、設計協作或獨立賣家:希望在對話裏快速出場景主圖,而不是每次手寫一長段圖像提示詞。
  • 已在用 SkillHub 管理 Skills 的團隊:座標固定、版本爲 1.0.0,便於與同類 design-media Skill 並列管理。

使用注意

  • 本 Skill 爲 付費類(pricing_type=paid),使用前在 SkillHub 確認授權與費用。
  • 頁面標註 requires_api_key=false,不代表生成過程不依賴其他服務;若 Agent 側另有圖像模型或插件配置,需自行保證可用。
  • SkillHub 抓取信息與頁面展示可能存在時間差;以 SkillHub 頁面爲準時,當前可見指標包括評分 100000、下載 9823(安裝數頁面爲 0,以頁面實時數據爲準)。
  • 生成圖是否滿足各平臺主圖尺寸、文字區域、合規要求,仍需人工複覈,Skill 不替代平臺規則審查。

結尾

電商場景主圖 把「商品圖 → 可上架場景主圖」收斂成一條可被 Agent 識別的 Skill 路徑,並明確與白底圖、換底色類能力的邊界。需要安裝或查看詳情時,打開 SkillHub 頁面:https://www.skillhub.cn/skills/ixhlink/ixhlink-skills-ecom-scene-main

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜