前言¶
抖音店播和達人直播往往要在短時間內湊齊封面、背景、貼片、商品圖和預告圖。設計稿若各自出圖，商品主圖、主播形象、品牌色和標題留白容易不一致，預熱圖和直播間裝修也對不齊同一套視覺。下面介紹 SkillHub 上的「抖音直播電商視覺套裝」，把直播主題、商品信息與品牌素材交給 Agent 技能，按場景生成可交付的一套直播電商視覺素材。
這是什麼¶
「抖音直播電商視覺套裝」是 SkillHub 分類 design-media 下的一條 Agent Skill，座標爲 @beatra-ai/douyin-live-commerce-visual-kit，當前版本 0.1.7，來源標註爲 enterprise，由發佈者 beatra 維護。
官方簡介說明：使用 AI 將直播主題、商品信息、商品圖和品牌素材，製作成抖音直播封面、抖音直播間背景圖、抖音直播貼片、直播間商品圖和抖音直播預告圖；圍繞抖音店播、達人直播、新品發佈、大促活動和限時福利，統一商品、主播、品牌色和標題留白，交付直播預熱、商品講解和直播間裝修可用的一套直播電商視覺素材。
SkillHub 頁面顯示標籤 requires_api_key=false，表示按商店說明無需額外配置 API Key 即可安裝使用（具體以技能包內 SKILL.md 爲準）。
核心功能¶
依據官方簡介，本 Skill 覆蓋以下產出類型（均爲已公開描述的能力）：
- 抖音直播封面
- 抖音直播間背景圖
- 抖音直播貼片
- 直播間商品圖
- 抖音直播預告圖
設計目標是在同一輪素材準備中，對齊商品、主播、品牌色和標題留白，服務直播預熱、商品講解與直播間裝修，而不是單張散圖。
適用業務語境在簡介中已寫明：店播、達人直播、新品發佈、大促活動、限時福利等常見直播電商節奏。
安裝與啓用¶
SkillHub 技能頁給出的安裝方式是：讓當前 AI Agent 根據 SkillHub 安裝文檔 安裝 @beatra-ai/douyin-live-commerce-visual-kit。
若本機已安裝 SkillHub CLI，可按官方文檔第三節，把技能裝到當前 Agent 實際使用的 skills 目錄（文檔強調必須用 --dir，否則默認落在 ./skills/ 可能不會被識別）：
command -v skillhub && skillhub --version
未安裝 CLI 時，完整安裝（CLI + 默認 Skill）示例：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
安裝本技能（將 <skills 目錄> 換成你當前環境的目錄）：
skillhub install beatra-ai/douyin-live-commerce-visual-kit --dir <skills 目錄>
官方文檔列出的常用 skills 路徑包括：
- Cursor：
~/.cursor/skills/ - Claude Code：
~/.claude/skills/ - Codex：
~/.codex/skills/或項目下的.agents/skills/
安裝後按你所用 Agent 的要求重啓或刷新技能列表，使 SKILL.md 被加載。Cursor、Codex CLI、Claude Code 的差異主要體現在 skills 目錄位置；安裝命令本身以 skillhub install … --dir 爲準。
技能元數據地址（供 Agent 或工具拉取）：https://api.skillhub.cn/beatra-ai/douyin-live-commerce-visual-kit
人類可讀的商店頁：https://www.skillhub.cn/skills/beatra-ai/douyin-live-commerce-visual-kit
典型用法¶
公開頁面未附帶逐步截圖或固定提示詞模板，用法應遵循技能包內的 SKILL.md 與 Agent 對話流程。結合官方簡介，可復現的使用方式是：
- 準備輸入：直播主題、商品信息、商品圖、品牌素材（含品牌色等視覺約束）。
- 在已啓用該 Skill 的 Agent 中說明場景（如店播、大促、限時福利等）以及需要生成的素材類型（封面、背景、貼片、直播間商品圖、預告圖）。
- 按 Agent 輸出調整標題留白與版式，將生成結果用於預熱投放與直播間裝修。
不要假設未在官方資料中出現的具體分辨率、文件命名或平臺上傳接口；以技能說明與抖音當前規範爲準。
適用場景與注意¶
適合誰
- 需要在單場或系列活動裏快速湊齊多套直播視覺、又希望品牌與商品信息統一的運營、直播團隊或配合 Agent 的開發者。
- 已使用 Cursor、Claude Code、Codex 等支持 Skill 目錄的客戶端，並願意通過 SkillHub 管理
design-media類技能的用戶。
注意
- 評分與下載量以 SkillHub 爲準（抓取時頁面數據爲評分 100000、下載 10606；會隨商店更新變化）。
- 視覺產出仍受輸入素材質量、平臺版式規則和人工審覈影響；大促與達人場景建議在上線前做一次實機預覽。
- 來源爲 enterprise，團隊內使用時可對照 SkillHub 上的版本號（當前 0.1.7）做升級與變更覈對。
結尾¶
「抖音直播電商視覺套裝」把抖音直播常見的五類視覺素材收進一條 Skill，用統一的商品與品牌約束減少預熱與直播間裝修之間的割裂。需要安裝或查看說明時，以 SkillHub 官方頁爲準：
https://www.skillhub.cn/skills/beatra-ai/douyin-live-commerce-visual-kit
