lottie
用自然语言生成Lottie动画的AI技能
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：lottie。 它的用途是：用自然语言生成Lottie动画的AI技能 完整的 Skill 内容见：https://321skill.com/skills/lottie/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“为这个SVG图标创建一个从左向右的擦除显示动画，使用缓入缓出效果，背景透明。” 它会解析你的需求，生成对应的Lottie JSON文件，并自动在工作区播放器中加载，让你可以实时预览和调整动画的每一帧。
介绍
Text-to-Lottie是一个开源框架，旨在解决设计师和开发者难以快速创建高质量、可投入生产的Lottie动画的痛点。它允许用户使用自然语言向Claude、Codex或其他支持技能的编码AI描述动画需求，AI便会生成相应的Lottie JSON文件，极大地简化了动画制作流程。
使用方式非常直观：首先通过命令npx skills add diffusionstudio/lottie安装该技能，然后直接向你的AI助手描述想要的动画效果，例如“为这个SVG路径创建一个遵循自然方向、带有苹果风格渐变的揭示动画”。AI会设置工作区并生成动画文件，同时提供一个实时更新的播放器，方便用户即时预览和调整。
这个技能主要适合UI/UX设计师、前端开发者和内容创作者，特别是那些需要为应用、网站或演示文稿快速添加精美动画，但又不想深入After Effects复杂操作或手动编写Lottie JSON代码的群体。
与市面上其他动画生成工具或通用代码生成技能相比，Text-to-Lottie的核心优势在于其高度专业化。它并非简单地生成一段动画代码，而是围绕Lottie动画的生产流程（如场景管理、实时预览、资产引用）构建了一套完整的工作空间，使AI生成的动画能够直接达到生产就绪状态，并与标准Lottie播放器无缝集成。
核心特点
核心区别在于它提供了一个专为Lottie动画生成优化的完整工作空间和实时预览环境，使AI生成的动画能直接达到生产就绪状态，而非仅仅输出一段代码。
注意事项
不适合需要完全手动、逐帧控制的复杂角色动画或高度艺术化的自定义效果。
常见问题
Text-to-Lottie能生成什么样的动画？
能基于SVG路径、描述性语言生成揭示、渐变、运动等Lottie动画，适合UI动效和图标动画。
生成的动画可以直接用在项目里吗？
是的，它输出标准的Lottie JSON文件，可直接用于Web、React Native等平台。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/lottie/raw/index.md 读取 lottie 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/lottie/raw/index.md（查看排版版本）