淘天以Animation Skill集成动画与业务DOM

集成环节是整条链路中唯一交给大模型的部分：开发提供业务代码上下文后，模型依次完成解析动画节点与属性、找出与业务 DOM 的对应关系、判断集成策略、识别样式冲突与 hardcode 坐标等边界问题并在代码中标注、输出完整集成代码，开发只需 review 产物。集成策略分两种：DOM 优先（以现有业务 DOM 为基础把动画节点映射上去，适合业务 DOM 相关元素基本已存在）与动画优先（以动画代码为基础扩展业务逻辑，适合设计稿与业务 UI 差异过大、节点映射复杂），两种均已支持。 文中建议使用 opus 4.6 模型以获得最佳集成效果。当前缺口是同一页面多模块按业务事件顺序协同播放的串联动画（如红包飞入 → 红包抖动 → 等待点击 → 砍价动画 → 接口返回 → 价格变化），工具只产出单个动画实现而不产出串联逻辑，团队正在推进 Clip 分层产物机制（同时产出完整组件 index.tsx 与按时间段拆分的 clip 函数，由胶水层决定触发时机，并由大模型智能分段、自动生成 Cursor Prompt 生成胶水层代码）。