用途
动效图形技能用于在视频上添加一段按时间变化的图形画面。它不从模板库挑选，而是按规则填写骨架的三个槽位：结构（有哪些元素）、布局（放在哪）、动效（每个元素怎么进、停、出），产出可打包导入并放到时间线上的自包含 HTML 画面。画面是时间的纯函数：给它第 t 秒，它画出第 t 秒该有的样子，可被逐帧 seek。
主要能力
- 四类图形：下横栏（姓名职务、来源、地点，3–4 秒）；关键词（强调一个词或口号，1.5–3 秒）；数据（一个数字、趋势或对比，3–5 秒）；品牌贴片（标志进场、片尾、合作标识，2–3 秒）。
- 画幅：16:9 用 1920×1080，9:16 用 1080×1920，1:1 用 1080×1080；帧率与视频一致（通常 30）。
- 合成方式：叠加视频上的图形用透明根（alpha: true）；全画幅片头片尾才给根上底色（alpha: false）。
- 颜色只用 --ink、--panel、--accent 三个 token，字体默认用骨架系统字体栈，不引外部字体。
- 用户要求时可读取设计系统 README.md 与 tokens.json 取色，并把字体文件、标志拷入源目录使用。
使用方式
- 定类别、时长、画幅与合成方式。
- 读骨架 scaffold.html 与一个最接近的范例（lower-third、big-number、keyword-caption、callout-pin、logo-sting 之一）。
- 按语法填三个槽：结构 → 布局 → 动效，再套时间包络与颜色。
- 自检：跑 lint（build-bundle.mjs --lint-only，可加 --verify 用 Electron 抽帧截图），检查根元素属性、统一出场、停留时长、时间窗范围、无外链与无随机、三个 token、.copy 与 data-copy-primary；再抽帧看安全区、文字溢出、末帧淡出，并用 setCopy 试长文案与中日韩文案。
- 打包导入：build-bundle.mjs 产出 <out>/1/ 后交给 compositions_import，默认验证、烘焙并放到时间线最上方视觉轨；对齐旁白节点写在 place.at 上。
- 验收：读回视频核对起止时间与旁白差值，报告分「量出来的」「看过的」「要人看的」三栏。
适用场景
为旁白配下横栏、关键词字幕、数据强调、标注引导、品牌贴片与片尾等短时图形；需要横竖两版时只改布局槽。
限制
只加静态文字、贴纸或已有文字动画预设时不用本技能；整条成片的规划看「从简报到成片」，不在本技能范围。画面中的事实（数字、姓名、引语）只用用户提供的，不编造；不使用未经授权的商标与形象。图形之间至少隔 0.5 秒，不叠两个带文字图形。按骨架写的图形烘焙时由浏览器逐帧截图，bake.renderer 为 browser-pixels，属正常现象。