diffusionstudio/lottie

解決的問題

透過讓使用者利用程式碼代理（例如 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 播放器相容。
• 專業控制：支援運動設計術語（如緩動、攝影機移動）與自訂屬性控制。