Openclaw-ecommerce-ad-skills tvc-kinetic-typography
TVC级动态字幕设计。生成与音乐节奏同步的动态文字方案,让字幕本身成为视觉元素而非信息附属。
install
source · Clone the upstream repo
git clone https://github.com/lujiaheng-artpivot/openclaw-ecommerce-ad-skills
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/lujiaheng-artpivot/openclaw-ecommerce-ad-skills "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/tvc-kinetic-typography" ~/.claude/skills/lujiaheng-artpivot-openclaw-ecommerce-ad-skills-tvc-kinetic-typography && rm -rf "$T"
OpenClaw · Install into ~/.openclaw/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/lujiaheng-artpivot/openclaw-ecommerce-ad-skills "$T" && mkdir -p ~/.openclaw/skills && cp -r "$T/skills/tvc-kinetic-typography" ~/.openclaw/skills/lujiaheng-artpivot-openclaw-ecommerce-ad-skills-tvc-kinetic-typography && rm -rf "$T"
manifest:
skills/tvc-kinetic-typography/SKILL.mdsource content
TVC 动态字幕设计 Skill
顶级TVC的字幕不是"贴上去的",而是画面的一部分。本Skill生成与音乐节奏同步的动态文字方案。
字幕风格库
| 风格 | 特点 | 适用品类 | 动效 |
|---|---|---|---|
| luxury_serif | 衬线体,优雅渐入 | 奢侈品/高端护肤 | 淡入+tracking展开 |
| tech_sans | 无衬线,赛博动效 | 科技/数码 | 滑入+glitch效果 |
| handwrite | 手写体,自然有温度 | 母婴/家居/食品 | 书写动画 |
| impact_bold | 粗体大字,震撼冲击 | 运动/促销 | 缩放弹入+震动 |
| minimal_float | 细体浮动,呼吸感 | 品牌片/艺术 | 缓慢浮动+淡入淡出 |
| neon_glow | 霓虹发光效果 | 夜店/快消/年轻态 | 闪烁+发光 |
| split_reveal | 分割揭示 | 对比叙事 | 从中线向两侧展开 |
| rhythm_sync | 节奏同步弹出 | 节奏型广告 | 压拍弹入 |
使用方法
python3 scripts/generate_typography.py \ --copy-json ./ad_copy.json \ --style "luxury_serif" \ --music-bpm 72 \ --output ./typography_plan.json
参数说明
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| string | ✅ | 广告文案 JSON |
| string | ✅ | 字幕风格 |
| number | 配乐BPM | |
| string | 品牌指定字体名 | |
| string | 输出路径 |
输出格式
{ "style": "luxury_serif", "font": { "family": "Playfair Display / 思源宋体", "weight": 300, "color": "#f0e6d3", "shadow": "0 2px 8px rgba(0,0,0,0.3)" }, "animations": [ { "text": "浸透,每一寸肌肤", "appear_at": "0:12", "duration_ms": 2000, "animation": "fade_in_with_tracking", "position": "center_bottom", "sync": "on_beat_3", "detail": "字符间距从200%缓慢收缩到100%,同时整体淡入" } ], "brand_tagline": { "text": "花颜 HUAYAN", "appear_at": "end_card", "animation": "minimal_fade", "position": "center" } }
事件发布
生成完成后发布
typography.generated 事件。