做动效设计或前端开发的团队,终于可以让 AI 直接生成可用的 Lottie 动画并实时预览,省去手动调试的麻烦。建议试试这个开源工具,尤其适合需要透明背景、矢量、可嵌入 UI 的动效场景。
Text-To-Lottie 是一套开源工具组合,包含一个 Agent Skill 和一个本地预览 Harness。Skill 教 Codex、Claude Code、Cursor 等 AI 编程助手如何生成符合 Skottie 渲染标准的 Lottie JSON 动画;Harness 基于 Skia CanvasKit 和 React,提供全屏播放器和控制面板,Agent 写入文件后 Vite 热重载即可在浏览器中实时预览。作者还给出了五条 Prompt 指南,帮助用户提升生成质量。该项目适合单场景短时长 Motion Graphics、SVG 转 Lottie、数据可视化动效等场景,但不适合多镜头剪辑或复杂角色绑定。
Text-To-Lottie 是一套开源工具组合,包含一个 Agent Skill 和一个本地预览 Harness。Skill 教 Codex、Claude Code、Cursor 等 AI 编程助手如何生成符合 Skottie 渲染标准的 Lottie JSON 动画;Harness 基于 Skia CanvasKit 和 React,提供全屏播放器和控制面板,Agent 写入文件后 Vite 热重载即可在浏览器中实时预览。作者还给出了五条 Prompt 指南,帮助用户提升生成质量。该项目适合单场景短时长 Motion Graphics、SVG 转 Lottie、数据可视化动效等场景,但不适合多镜头剪辑或复杂角色绑定。
Text-To-Lottie: 一套 「Agent Skill + 本地预览 Harness」 的组合,让 Agent 生成 Lottie,在浏览器里实时验收 开源作者 @konstipaulus ,开源地址: github.com/diffusionstudi… 安装方式:npx skills add diffusionstudio/lottie Skill:教 Codex / Claude Code / Cursor 等 Agent…