技能介绍

当 Lottie 动画开始拖慢交付

Lottie 动画在设计师手里往往只考虑视觉效果，但拿到生产环境里，问题会从另一个维度冒出来：一个几十 KB 的 JSON 塞进几百个关键帧、重复路径、未合并的图层，实际渲染时浏览器要逐帧计算贝塞尔曲线和变换矩阵，低端设备上直接掉帧。更麻烦的是，当目标平台对文件体积有硬性限制——比如 Telegram 的 Lottie 贴纸规范——你才发现手头没有一个能做减法的工具。

这个技能做了什么

它直接调用 lottie-web 的解析器内部机制，而不是简单地做 JSON 字符串压缩，这意味着它理解动画树的结构，能做真正影响渲染行为的优化：

关键帧去重：识别时间轴上冗余或近似的帧数据，移除不影响最终效果的重复插值点
路径简化：对矢量路径的贝塞尔曲线做降采样，在视觉保真度和文件大小之间找平衡
结构分析：解析动画图层层级、变换属性和遮罩关系，输出可审计的优化报告
TGS 规范校验：针对 Telegram Lottie Sticker 规范做合规检查，包括尺寸、帧率和属性限制

工作流程上，它会先对输入的 Lottie JSON 做一次完整解析，生成动画的中间表示，然后逐层执行优化策略，最后输出优化后的文件和一份变更摘要，告诉你哪些关键帧被合并、哪些路径被简化。

什么时候不该用它

这个技能不负责从零创建动画，也不处理 Lottie 之外的格式（比如 GIF 或视频）。如果你的动画本身就很复杂、图层间有大量交互逻辑，优化后的行为可能会有细微差异，需要人工复核视觉效果。另外，TGS 校验只覆盖规范内的属性检查，不会修复结构性不兼容问题，比如使用了 Telegram 不支持的特性时，你仍然需要手动重构动画。