# Tvc Kinetic Typography

> TVC级动态字幕设计。生成与音乐节奏同步的动态文字方案，让字幕本身成为视觉元素而非信息附属。

- Skill: `lujiaheng-artpivot/tvc-kinetic-typography` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add lujiaheng-artpivot/tvc-kinetic-typography`
- Raw SKILL.md: https://api.skillmd.com/api/skills/lujiaheng-artpivot/tvc-kinetic-typography/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: lujiaheng-artpivot (https://skillmd.com/u/lujiaheng-artpivot)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/lujiaheng-artpivot/tvc-kinetic-typography

---


# TVC 动态字幕设计 Skill

顶级TVC的字幕不是"贴上去的"，而是画面的一部分。本Skill生成与音乐节奏同步的动态文字方案。

## 字幕风格库

| 风格 | 特点 | 适用品类 | 动效 |
|------|------|----------|------|
| luxury_serif | 衬线体，优雅渐入 | 奢侈品/高端护肤 | 淡入+tracking展开 |
| tech_sans | 无衬线，赛博动效 | 科技/数码 | 滑入+glitch效果 |
| handwrite | 手写体，自然有温度 | 母婴/家居/食品 | 书写动画 |
| impact_bold | 粗体大字，震撼冲击 | 运动/促销 | 缩放弹入+震动 |
| minimal_float | 细体浮动，呼吸感 | 品牌片/艺术 | 缓慢浮动+淡入淡出 |
| neon_glow | 霓虹发光效果 | 夜店/快消/年轻态 | 闪烁+发光 |
| split_reveal | 分割揭示 | 对比叙事 | 从中线向两侧展开 |
| rhythm_sync | 节奏同步弹出 | 节奏型广告 | 压拍弹入 |

## 使用方法

```bash
python3 scripts/generate_typography.py \
  --copy-json ./ad_copy.json \
  --style "luxury_serif" \
  --music-bpm 72 \
  --output ./typography_plan.json
```

## 参数说明

| 参数 | 类型 | 必填 | 说明 |
|------|------|------|------|
| `--copy-json` | string | ✅ | 广告文案 JSON |
| `--style` | string | ✅ | 字幕风格 |
| `--music-bpm` | number |  | 配乐BPM |
| `--brand-font` | string |  | 品牌指定字体名 |
| `--output` | string |  | 输出路径 |

## 输出格式

```json
{
  "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` 事件。