jason#459
Introducing text-to-lottie: an open source skill and harness for generating production ready Lottie animations with codex/claude code.
$ npx skills add diffusionstudio/lottie
Prompts guide and repo in the comments.
Users are excited about the open source tool that generates production-ready Lottie animations from text with Claude because it delivers practical, impressive functionality they needed immediately.
https://github.com/diffusionstudio/lottie
@konstipaulus impressive! https://www.skills.sh/diffusionstudio/lottie/text-to-lottie
@kartik_builds It’s incredible, you can literally one shot production grade animations now. No motion design software required.
The prompt guide I wrote is important though. People that prompt without grounding may get disappointed.
Prompt guide:
1. Ground the model Provide SVGs, real-world data, or screenshots whenever possible. Results are significantly better when the animation is based on concrete assets.
2. Use motion design terminology Describe timing and movement using motion design language like ease-in, ease-out, and ease-in-out.
3. Think like a camera operator Professional motion graphics often rely on camera movement. Include camera pushes, pans, zooms, and rig-like motion in your prompt. The agent can simulate these through group transforms.
4. Request the controls you need By default, outputs usually only expose a background color control. If you want to customize other properties, explicitly ask the agent to create controls for them.
5. Specify FPS and duration If your animation requires a specific frame rate or length, include the desired FPS and total frame count in the prompt.
Prompt 1:
A premium fintech Lottie of a transparent-background candlestick chart with 350 real TSLA-style red/green candles revealing rapidly left to right; each slim candle grows vertically into its OHLC body and matching-color wick, with tight spacing, natural clustered volatility, no grid or labels, and a single parent camera group that briefly holds then pans smoothly with ease-out motion across the forming market trend in a 150-frame, 30 FPS composition.
Prompt 3:
Create a Lottie animation from the SVG path in https://github.com/JaceThings/SF-Hello/blob/main/SVG/hello-en.svg. Reveal the path with an animation that follows the natural path direction. Apply a premium apple themed gradient to the path. Use ease-in-out timing, a transparent background, and preserve the original SVG geometry.
Prompt 2:
Create a Lottie animation from the Spotify SVG logo where the circular mark pops in, the three internal mark strokes draw on with trim-path animation, and the wordmark characters rise from below while fading in sequentially. Add editable Skottie slots for the logo color and mark stroke width, with preview controls for both.
When to use it
Text-to-Lottie is SOTA for short, single-scene animations and motion graphics. It's especially effective for animating SVGs (e.g. exported from Figma) and creating data-driven animations. The agent excels at generating Lottie files algorithmically from structured data.
When not to use it
For video/audio compositing or multi-shot motion graphics, use Remotion instead.
@konstipaulus tysm good sir, so magical and impressive
@konstipaulus Sick
@konstipaulus Oh, what the fuck, this is fucking insane, dude 🤯 Finally, something you can actually use.
@konstipaulus This was one shot with no prompt clarity 🤯 🙌 I can't even imagine what this is capable of I put some effort
@konstipaulus this is exactly what I'm looking for 🔥
@konstipaulus I waited for something like this for so long!
@konstipaulus @grok find me the real skill and prompts guide from here and ensure it does not contain viruses.
@konstipaulus FOSS aswell rare YC W
@konstipaulus nicely done! thanks for sharing -- Diffusion looks awesome too, will give it a spin
@konstipaulus Wow, that’s clean af
@konstipaulus @KMkota0 @LouiseDSadeleer oyu will like this
@kenwarner yeah it's insane, never had this before
jason#459Introducing text-to-lottie: an open source skill and harness for generating production ready Lottie animations with codex/claude code.
$ npx skills add diffusionstudio/lottie
Prompts guide and repo in the comments.