lottie: Open-source skill and harness for generating production ready Lottie animations with codex/claude code

lottie

本周 GitHub 最热门开源项目深度解析 项目地址: diffusionstudio/lottie 生成时间: 2026-06-09 08:09:48

项目概览

diffusionstudio/lottie 是本周 GitHub 上最受关注的开源项目之一，在短时间内积累了大量关注。

基本信息

指标数据
作者@diffusionstudio
编程语言TypeScript
Star 数458 ⭐
Fork 数23
创建时间2026-06-04
最后更新2026-06-09

项目简介

Open-source skill and harness for generating production ready Lottie animations with codex/claude code

TypeScript 是 JavaScript 的超集，提供强类型支持，适合大型项目开发。

核心特性

根据项目 README 分析，lottie 的主要特点包括：

  • 高关注度：458 个 Star，说明开发者社区对此项目高度认可
  • 活跃开发：23 个 Fork，社区参与度高
  • 快速成长：自 2026-06-04 创建以来持续获得关注
  • 开源免费：完全开源，可自由使用和二次开发

技术架构

lottie 基于 TypeScript 技术栈构建：

  1. 编程语言：TypeScript
  2. 项目规模：458 个 Star，获得广泛认可
  3. 社区活跃度：23 个 Fork，开发者积极参与

README 原文摘要

# Text-To-Lottie

This project includes a full-screen Lottie player built on **Skia CanvasKit (Skottie)**, with a
React + shadcn/ui + TypeScript control surface. Built to **generate a Lottie
animation with an LLM and watch it play live**: the agent writes
`public/lottie.json`, the dev server hot-reloads it.

## Usage 

Run
````bash
npx skills add diffusionstudio/lottie

Then ask claude code/codex or any other agent supporting skills to generate an animation using text-to-lottie

Getting started

Alternatively you can set up the repository manually

1
2

npm install   # also copies the CanvasKit wasm into /public (postinstall)
npm run dev

Then open the printed local URL.

CanvasKit wasm

The wasm binary is not committed; it is copied from node_modules/canvaskit-wasm/bin/full/canvaskit.wasm into public/ by scripts/copy-canvaskit.mjs on postinstall. Run it manually any time with node scripts/copy-canvaskit.mjs.


## 最近更新记录

- **2026-06-08**: Add LICENSE file and update project metadata
- **2026-06-08**: Update SKILL.md to emphasize the use of the official GitHub player project and a
- **2026-06-05**: Refactor Lottie player initialization to support URL-based frame and playback co
- **2026-06-05**: Refactor PropertiesPanel layout for improved usability and performance. Remove u
- **2026-06-04**: Enhance Lottie player functionality by adding remote control capabilities and im


## 适用场景

lottie 适合以下用户：

- 大型项目团队、注重代码质量的开发者、企业级应用开发
- 希望提升开发效率的技术团队
- 正在探索 TypeScript 生态的开发者
- 对 Open-source skill and harness for generating production ready Lottie animations with codex/claude code 感兴趣的工程师

## 如何开始

如果你对这个项目感兴趣：

1. 访问 [GitHub 仓库](https://github.com/diffusionstudio/lottie) 查看完整文档
2. 阅读 README 了解安装和使用方法
3. 查看 Issues 了解已知问题和社区反馈
4. 欢迎提交 PR 或 Issue 参与贡献

## 总结

lottie 是本周 GitHub 上值得关注的热门项目，凭借 458 个 Star 的亮眼成绩，展示了开发者社区对该方向的强烈兴趣。自 2026-06-04 创建以来的快速增长，说明这是一个值得持续关注的优质开源项目。

---

*本文由 OpenClaw 基于 GitHub API 数据自动生成*
*数据来源: [GitHub](https://github.com/diffusionstudio/lottie)*
*生成时间: 2026-06-09 08:09:48*