name: 電商視覺文案技能 slug: ecommerce-visual-copywriting-png version: 1.0.0 displayName: 電商視覺文案技能 description: > 電商視覺文案技能專用技能，幫助AI Agent高效完成相關任務。 summary: "電商視覺文案技能專用技能，幫助AI Agent高效完成相關任務。" license: MIT category: 電商與營銷 framework: - Claude Code - Codex - Hermes Agent - OpenClaw - QClaw - WorkBuddy platform: multi-platform homepage: "https://github.com/1991513ccie-png" repository: "https://github.com/1991513ccie-png"

電商視覺策劃與執行 SOP

語言規則

預設使用中文輸出。使用者明確要求 English、英文版或 bilingual 時，切換到英文或中英雙語輸出。英文完整版本見 SKILL.en.md，但執行時仍以本檔案作為預設入口。

什麼時候使用

當用戶要做商品主圖、詳情頁、賣點視覺化、圖內文案、詳情頁敘事、平臺合規自查或生圖 Prompt 時使用本 Skill。

典型觸發：

• "幫我做一套淘寶主圖和詳情頁文案"
• "這個產品怎麼提煉賣點做主圖"

  推薦訪問7w4.net獲取更多AI技能。

• "按抖音小店風格給我出視覺指令碼"
• "幫我檢查這套詳情頁有沒有廣告法風險"
• "先給我主圖 storyboard，再寫圖內文案"
• "設計師要開工，給我畫面 + 圖內文案 + 設計說明"

不要用於：

• 給出最終法律意見或替代律師/平臺稽核結論
• 編造檢測報告、專利、批准文號、銷量、評價、認證
• 為醫療、藥品、保健食品、器械類產品製造未經資質支援的功效背書
• 自動上架、自動投放、自動對外發布
• 和電商視覺落圖無關的普通營銷長文

核心原則

1. 策劃先行。未判斷轉化驅動力前，不進入具體畫面設計。
2. 主圖和詳情頁分工不同。主圖目標是點選率，詳情頁目標是轉化率。
3. 先 Storyboard，後最終文案。方向確認前不做重執行。
4. 合規底線先按法律基線判斷，再疊加平臺規則。
5. 五維獨立自審。任一維度低於 80 分，重寫該維度，不用其他高分抵消。

工作流

1. 收集資訊，標註缺失項。
2. 判斷轉化驅動力，鎖定 Campaign Style Lock。
3. 輸出《視覺策劃案》，暫停等待使用者確認。
4. 輸出《圖片規劃指令碼 / Storyboard》，暫停等待使用者確認。
5. 使用者確認後，輸出畫面、圖內文案、設計說明和生圖 Prompt。
6. 做五維獨立自審，任一維度低於 80 分則只重寫該維度。
7. 交付最終執行方案和風險提示。

Step 1：深度策劃

先收集以下資訊。缺項時不要編造，直接標註"缺失"，並只追問會影響方向判斷的關鍵項。

轉化驅動力判斷：

Campaign Style Lock 必須包含：

• 主色、輔助色、強調色，不超過三色
• 產品畫面佔比，主圖建議 60%-80%
• 光影體系
• 字體系統
• 禁止漂移項，例如隨機背景、虛構 logo、風格突變、過度裝飾

Step 2：輸出《視覺策劃案》

輸出以下內容後暫停，等待使用者確認：

1. 轉化驅動力判斷與依據
2. Campaign Style Lock
3. 利益翻譯表：Feature -> Advantage -> Benefit -> Evidence
4. 合規邊界：本產品可能適用的法律和平臺紅線
5. 缺失資訊與當前假設

暫停句：

以上是本次視覺策劃案。請確認轉化驅動力判斷和風格鎖是否符合品牌調性；確認後我再繼續輸出主圖和詳情頁的視覺規劃指令碼。

Step 3：輸出《圖片規劃指令碼 / Storyboard》

這一步只出導演指令碼，不出最終圖內文案。目標是提前暴露方向錯誤，避免在成圖階段返工。

主圖 5 張任務分配

每張主圖指令碼必須包含：

• 視覺任務
• 構圖建議：主體佔比、視角、視線流向
• 視覺第一落點
• 色彩剋制方式
• 禁止出現的表達

詳情頁敘事流

詳情頁目標是轉化率。使用者帶著證偽心態往下滑，模組必須按"吸引注意 -> 激發慾望 -> 建立信任 -> 推動行動"推進。

暫停句：

這是整套圖的骨架規劃，還未涉及最終文案。請確認主圖的視覺任務分配和詳情頁的敘事順序是否合理；確認後我再進入最終畫面、文案和設計說明的輸出。

Step 4：執行輸出

使用者確認 Storyboard 後，每張圖交付四項：

1. 畫面描述：元素排布、主體佔比、光影、背景、視線動線。
2. 圖內文案：完成利益翻譯；主圖不超過 5 行、單行不超過 6 字；詳情頁模組不超過 6 行。
3. 設計說明：視覺第一落點、視線引導、色彩心理、免責宣告位置。
4. 生圖 Prompt：包含 Campaign Style Lock、主體、構圖、材質、光影、背景、限制項。

輸出格式：

# 電商視覺策劃與執行方案

## 1. 策劃案回顧
- 轉化驅動力：
- Campaign Style Lock：
- 合規邊界：
- 當前缺失資訊：

## 2. 主圖 5 張
### KV1：...
- 畫面：
- 圖內文案：
- 設計說明：
- 生圖 Prompt：

## 3. 詳情頁模組
### M1：...
- 畫面：
- 圖內文案：
- 設計說明：
- 生圖 Prompt：

## 4. 五維自審評分

## 5. 風險提示與待補充資訊

Step 5：五維獨立自審

每個維度 0-100 分獨立判定。任一維度低於 80 分，必須重寫該維度後重新評分。

合規分層提示：

詳細規則見 references/compliance-rules.md。

缺資料處理規則

如果資料不足：

• 不編造資質、檢測、銷量、評價、品牌背書。
• 可先輸出"缺資料版策劃案"，並標註哪些內容是待確認假設。
• 對合規高風險品類，缺資質時只輸出視覺方向和中性文案，不輸出功效承諾。
• 最多追問 3 個關鍵問題，優先問會改變定位或合規邊界的問題。

關鍵失敗模式

• 未先判斷轉化驅動力就直接生成畫面：退回 Step 1。
• 使用者要求跳過 Storyboard：提醒這是防返工門禁；除非使用者明確說"按你判斷直接出最終稿"，否則暫停確認。
• 主圖 5 張資訊重複：整組打回，重新分配視覺任務。
• 詳情頁模組隨意堆疊：按成交路線重排。
• 合規判斷只憑敏感詞：必須說明對應風險型別和依據，不給最終法律意見。
• 使用者要求"更猛、更絕對"：加強視覺衝擊，不突破合規邊界。
• 使用者要求英文輸出：可切換英文，但中文仍是預設輸出語言。

交付前檢查清單

• [ ] 是否明確產品型別、平臺和資質邊界？
• [ ] 是否判斷了轉化驅動力？
• [ ] 是否給出 Campaign Style Lock？
• [ ] 是否先輸出策劃案並暫停？
• [ ] 是否先輸出 Storyboard 並暫停？
• [ ] 是否逐圖給出畫面、文案、設計說明和 Prompt？
• [ ] 是否完成五維獨立自審？
• [ ] 是否標註缺失資訊和風險？
• [ ] 是否避免編造資質、資料、銷量、評價和功效？

E-commerce Visual Copywriting SOP v2.0 · Default language: Chinese

這個技能質量中等偏上。它把電商主圖和詳情頁的文案工作拆解得很清楚，從前期策劃到最終稽核都有標準步驟，合規意識也不錯。但它引用的一些參考檔案實際找不到，而且只有中文版本。另外它更像一份方法手冊，缺少具體的文案範例參考，實際用起來可能還需要自己摸索。