Install and use Text to Lottie
Install the Skill
Run the upstream command in your project, then follow the author’s setup guide and any requirements below.
npx skills add diffusionstudio/lottieGive your agent a task
Provide the relevant files, context and constraints. For example:
Create a Lottie scene from this SVG and preview the timing in the project player.
The author’s animated Lottie player example with two blocks and a collision counter.
Project screenshotsAbout this Skill
Create or edit Lottie animation scenes and inspect their playback in the project’s Skia Skottie player.
Why we picked it
Animate an SVG logo, loader or UI feedback state for a product.
What it helps with
- Animate an SVG logo, loader or UI feedback state for a product.
Usage and limitations
The workflow targets the bundled Skottie player and checks rendered frames; another renderer may differ.
Alternatives and related workflows
Remotion Best Practices: React video guidance
Text to Lottie focuses on Lottie scenes and a Skia Skottie player. Remotion guides React-based video composition and rendering; choose according to the required output.
Before you use it
- Use a coding agent and the upstream player project; setup and playback follow the repository instructions.
Sources & references
Original sources are linked below. Practical starting points are editorial suggestions from SkillHey.
