Text-to-Lottie

Why it's ranked here

MIT licensed, and the instructions go well past a prompt template. A routing table sends each kind of request (logos, loaders, lower thirds, charts, camera moves, multi-beat sequences) to its own recipe, and a required verification pass checks the first, middle and last frames in the real renderer before the agent may finish. Design rules are written as hard defaults, for example no framing cards or borders unless whitespace cannot do the job. That makes it one of the more disciplined motion packages for coding agents, though output quality still rests on the agent following the rules.

What's good

The player rules document real Lottie failure modes instead of hoping the model knows them. Text renders blank when its font is missing, so each scene ships its own font files matched by embedded family name. Editable text needs one specific keyframed shape or it renders empty. Box text wraps by width but never clips by height. The player also imports existing dotLottie archives and plain JSON as new scenes, so it doubles as an editor for files you already have, and one control can drive several copies of the same text across a piece.

Tradeoffs

Verification is tied to one renderer. The instructions forbid checking output in lottie-web or any other player, yet the readme's own web example uses lottie-web, and the spec notes concede that masks, gradients and blend modes can differ between renderers. The player is a Solid and Vite app you clone, install and run, so this is not a lightweight drop-in. The only test script in the package manifest covers text slots; the instructions are measured by eval prompt files rather than automated tests of the player.

How to use it well

Suited to developers who want app-ready motion (loaders, icons, success states, title reveals, short promos) without opening After Effects. Hand the agent concrete material: an SVG, real data or a screenshot. Name easing, camera moves, frame rate and total frame count in the prompt, and ask explicitly for any controls beyond background color, since that is usually all you get. Check pinned frames in the player, then test again in your target runtime before shipping. Output is Lottie JSON plus scene assets for the web, iOS, Android, Flutter and React Native players the readme lists, or for further work in After Effects.

Observed

License

MIT

Install surface

Agent skill added with npx skills add; player project cloned with degit and run with npm

Player stack

SolidJS and Vite app rendering through canvaskit-wasm (Skia Skottie)

Import formats

Plain Lottie JSON and dotLottie archives

Export

Zip with animations, images and fonts folders

Tests

One Node test script in the package manifest, covering text slot Unicode handling

Skill evals

Trigger, routing and reference-loading prompt sets plus an output rubric