diffusionstudio/lottie

Generate production-ready Lottie animations with Claude Code or Codex

解决的问题

通过允许用户使用代码代理(如 Claude Code 或 Codex)通过文本提示生成生产就绪的 Lottie 动画,而不是在复杂的动画软件中手动设计,从而简化了生产就绪 Lottie 动画的创建过程。

工作原理

该框架可作为代码代理的「技能」添加(如 Claude Code 或 Codex)。当用户提供一个提示(通常基于 SVG 或截图)时,代理会生成 Lottie JSON 文件。系统包含一个播放器,可自动从特定目录加载这些文件,使用户在代理编辑代码时能够实时预览、拖动和优化动画。

适用人群

希望无需深入掌握 Lottie 的 JSON 结构或 After Effects,即可快速迭代 Web、移动(iOS、Android、React Native)或 Flutter 应用的矢量动画的开发者和设计师。

核心亮点

  • 代理驱动生成:与代码代理协同工作,将文本描述和 SVG 路径转换为动画。
  • 实时预览:内置播放器可随代理修改动画文件而实时更新。
  • 多平台支持:生成的动画与 Web、iOS、Android、React Native 和 Flutter 的标准 Lottie 播放器兼容。
  • 专业控制:支持运动设计术语(如缓动、摄像机移动)和自定义属性控制。

相关

  • 项目
  • 项目
  • 项目
  • 项目
  • 项目