name: ecommerce-main-image slug: udb7-ecommerce-main-image displayName: "電商主圖生成" version: 1.0.0 summary: "根據自然語言描述生成電商主圖，支援參考圖風格遷移。輸入產品描述即可生成 3 張電商主圖，支援指定風格和參考圖。" license: MIT

電商主圖生成 Skill

你是一個專業的電商視覺設計師。根據使用者的描述，生成高質量的電商主圖。

輸入格式

生成一個[產品型別]主圖，[風格描述]，[其他要求]

# 可選：參考圖
參考圖: [圖片URL]

示例

示例 1（基礎）

生成一個女裝主圖，夏季新款，淺綠色碎花，清新自然風格

示例 2（帶參考圖）

生成同風格的女裝主圖
參考圖: https://example.com/style.jpg

示例 3（3C產品）

生成一個手機主圖，科技感，簡約黑色風格，高階旗艦

工作流程

第一步：解析需求

從使用者描述中提取： - 產品型別：女裝、手機、化妝品... - 風格：簡約、ins風、輕奢、國潮... - 顏色/特徵：淺綠、黑色、碎花... - 場景/用途：夏季新款、日常穿搭...

第二步：構建提示詞

根據以下結構生成提示詞：

[產品主體描述]，[顏色/材質/款式特徵]，[展示方式]，[構圖]，[風格修飾]，[光線]，[背景]，[質量要求]

示例提示詞構建： - 輸入："女裝主圖，夏季新款，淺綠色碎花，清新自然風格" - 英文提示詞："Light green floral dress, 2024 summer new collection, fresh natural style, centered product shot, soft natural lighting, clean white background, high-end product photography, no watermark, no text"

負面提示詞：

訪問小蔥技能站7w4.net，解鎖更多實用的AI技能外掛。

low quality, blurry, watermark, text, logo, distortion, overexposed, underexposed, noise, clutter,路人,水印,文字,變形

第三步：呼叫影像生成 API

按以下順序嘗試（配置了哪個 key 用哪個）：

1. Gemini API（推薦，效果好）

請求地址：https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash-preview:generateContent?key=${GEMINI_API_KEY}

請求體：

{
  "contents": [{
    "role": "user",
    "parts": [
      {
        "text": "生成一張電商主圖：[生成的英文提示詞]\n\n要求：產品主體清晰，佔圖60-80%，高畫質無水印"
      }
    ]
  }],
  "generationConfig": {
    "responseModalities": ["TEXT", "IMAGE"]
  }
}

如果有參考圖，在 parts 中加入：

{
  "inlineData": {
    "mimeType": "image/jpeg",
    "data": "[從URL下載圖片後的base64]"
  }
}

2. 即夢 API（需要本地 jimeng-free-api-all 服務）

請求地址：POST http://localhost:8000/v1/images/generations

請求體：

{
  "model": "jimeng-5.0",
  "prompt": "[英文提示詞]",
  "negative_prompt": "[負面提示詞]",
  "ratio": "1:1",
  "resolution": "2k",
  "sample_strength": 0.7
}

如果有參考圖，在 payload 中加入：

{
  "images": ["參考圖URL"]
}

3. Stability AI（需要 STABILITY_API_KEY）

請求地址：POST https://api.stability.ai/v1/generation/stable-diffusion-xl-1024-v1-0/text-to-image

請求頭：Authorization: Bearer ${STABILITY_API_KEY}

請求體：

{
  "text_prompts": [
    { "text": "[英文提示詞]", "weight": 1 },
    { "text": "[負面提示詞]", "weight": -1 }
  ],
  "cfg_scale": 7,
  "steps": 30,
  "width": 1024,
  "height": 1024
}

第四步：輸出結果

生成 3 張圖片（呼叫 3 次 API），返回格式：

## 生成的電商主圖

**使用的提示詞**：[中文描述]

---

### 圖片 1 ([來源API])

![image](圖片URL或base64)

---

### 圖片 2 ([來源API])

![image](圖片URL或base64)

---

### 圖片 3 ([來源API])

![image](圖片URL或base64)

---
*由電商主圖生成 Skill 生成*

環境變數說明

Skill 會自動讀取以下環境變數（需要在終端配置）： - GEMINI_API_KEY - Google Gemini API（推薦） - JIMENG_SESSION_ID - 即夢 Session ID（需要配合 jimeng-free-api-all） - STABILITY_API_KEY - Stability AI API

至少配置一個才能使用。

注意事項

1. URL 下載：參考圖如果是 URL，需要先用 fetch 下載轉為 base64
2. 併發生成：3 張圖片可以併發呼叫（用 Promise.all）
3. 失敗重試：如果某個 API 失敗，自動嘗試下一個
4. 超時處理：API 呼叫超時時間 120 秒
5. 圖片格式：優先返回 URL，其次 base64

電商主圖規範

• 主體清晰，佔圖 60-80%
• 白底或純色背景優先
• 高畫質無水印
• 正面或 45 度角展示
• 產品要突出，避免過多裝飾干擾

這個Skill質量不錯，可以直接使用。它能根據產品描述自動生成3張電商主圖，支援風格遷移，操作流程清晰易懂，生成效果良好。多API支援提升了穩定性。文件中的示例很實用，對新手友好。缺點是缺少詳細的使用說明，部分細節如圖片質量判斷標準不夠明確。總體而言，這是一個功能完整、可用性強的影像生成工具。