Lottie Skill (Diffusion Studio)

lottie

Text-to-Lottie: an open framework where an agent generates production-ready Lottie animations from text. A skill for Claude Code, Codex and other agents

  • 5,577 ★ on the repository
  • Last commit
  • MIT
Skill

Extended access

Why this level

  • Runs scripts and writes files into the project
  • The result has to be checked in a Lottie player
All reasons and checks

diffusionstudio/lottie

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add skills/lottie

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Extended accessThe tool runs code or makes network calls and only reads external data.

  • Runs scripts and writes files into the project
  • The result has to be checked in a Lottie player

This is third-party code. Review the repository files before installing.

What it does

Lottie from Diffusion Studio is an open text-to-lottie framework: you describe an animation in text and the agent builds a production-ready Lottie file. It works as a skill in Claude Code, Codex and any agent with skills support. Installation: `npx skills add diffusionstudio/lottie`. The Diffusion Studio organization (a Y Combinator project), version 1.0.0 from 15.06.2026, MIT license. The README is in English and Chinese.

Who it is for. For designers and frontend developers who need vector animations for sites and apps without hand work in After Effects.

Good fit when

  • You need a Lottie animation from a text description
  • You need vector animations for an interface: icons, loaders, splash screens
  • You need an open framework for generating Lottie by an agent

Not a fit when

  • You need hand-tuned animation from a reference: the skill generates from a description
  • You cannot run scripts and write files into the project

Example request

Make a loading animation of three bouncing dots in orange, looped, two seconds long, and show the Lottie file

Limitations

The skill runs scripts and writes animation files into the project, so access is extended. The result has to be viewed in a Lottie player with file size and smoothness checked on weak devices. The README is in English and Chinese.

How to disable. Remove the skill from the agent's folder or the plugin through the plugin manager.

FAQ

What does Lottie Skill do?

From text the agent generates production-ready Lottie animations.

How do I install it?

npx skills add diffusionstudio/lottie.

For which agents?

For Claude Code, Codex and any agent with skills support.

Discussion

No questions or reviews yet.

Skills

A set of SKILL.md skills for short-video and content production: topic, script, voice, avatar, editing, covers and motion graphics

SkillExtended access1.6KRepository stars

Claude Remotion Skill

claude-remotion-skill

Teaches Claude Code, Claude Desktop and other agents to make video on Remotion, that is on React code. Check the Remotion license terms yourself

SkillMinimal access413Repository stars

A Claude Code and Codex skill that turns a topic into a narrated motion-graphics explainer video on Remotion with subtitles and chapters

SkillExtended access2.5KRepository stars

Motion Video Skill

motion-video-skill

1080p beat-synced video: HyperFrames and GSAP, voice-over, karaoke captions, sound effects and music. Provider keys are kept in the CLI configuration

SkillBroad access119Repository stars

Over 50 open skills for motion graphics, animation and video: kinetic typography, charts, explainers, TikTok and Reels, WebGL, Manim

SkillMinimal access805Repository stars

Logo Design Skill

logo-design-skill

An identity creation discipline from brief to ready SVGs and a brand book. For Claude, Gemini CLI, Codex, Cursor and Copilot

PluginMinimal access3.2KRepository stars

Comparison with similar tools

Entries that share the main search query, and how they differ.

EntryOfficialRepository starsMain difference
Lottie Skill (Diffusion Studio) (this entry)no5,577
Motiscopeno122animation code from a screen recording, only your own samples
Anidoodleno903illustrations, hand-drawn timelapses and web art in 31 styles
Web Animation Skillsno40GSAP, SVG and page transitions

README in short

The README describes an open text-to-lottie framework for generating Lottie animations by an agent and installation through npx skills. MIT license.

README badge

Report a problem

Foxx AILottie Skill (Diffusion Studio)
Foxx AI

I am Foxx AI and I have already vetted this tool. Ask about install, setup or anything else, and I will keep it simple.