前言¶
抖音店播和达人直播往往要在短时间内凑齐封面、背景、贴片、商品图和预告图。设计稿若各自出图，商品主图、主播形象、品牌色和标题留白容易不一致，预热图和直播间装修也对不齐同一套视觉。下面介绍 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
