Text To Lottie
Lottie animations are notoriously finicky when you're trying to author them programmatically instead of exporting from After Effects. This skill gets Claude to generate valid Bodymovin JSON that actually renders in a local Skia-based player, not the usual lottie-web runtime. The big gotcha it handles: Skottie requires all shape primitives to be wrapped in a group object or you get a blank canvas. It also wires up the slot system so you can expose properties like colors and sizes to a live editing panel without re-parsing the entire file. If you need to spin up animations on demand or let users tweak parameters in real time, this handles the JSON plumbing correctly.
- skills.sh installs
- 11.3K
- GitHub stars
- 5.7K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add diffusionstudio/lottie --skill text-to-lottie --agent claude-codeInstalls into .claude/skills of the current project.
Files
Text To Lottie
Author production-ready Lottie JSON for the official local Skia Skottie player. The deliverable is a renderable scene in the player, not isolated JSON.
Operating Model
- Use the official player project and verify in Skia Skottie. Do not hand-roll a custom viewer or switch renderers for verification.
- Keep the skill portable across Agent Skills clients. Avoid host-specific commands, command modes, or orchestration conventions in skill instructions.
- Prefer fewer questions and stronger defaults. Ask only when a decision changes the output materially, such as transparent vs full-frame background, brand constraints, target format, or supplied source assets.
- Prioritize clean, intentional, professional motion over merely satisfying the literal prompt.
Reference Loading
This SKILL.md is the thin control plane. Load only one-level references that
match the task. Do not open the whole reference library.
Always read references/player-contract.md before creating, editing, fixing, or
verifying a scene. If a routed reference is unavailable, continue using the
inline rules in this file.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/diffusionstudio/lottie
- Categories
- Debugging, Design & UI/UX, Video & Audio Editing
- First seen
- Jun 12, 2026
Recommended
More Debugging
shopify-use-shopify-clishopify/shopify-ai-toolkitChoose when the user needs **Shopify CLI** to run or fix something now: validate app or extension config on disk (`shopify.app.toml`, `shopify.app.<name>.toml`,11.2Kskills.sh installs
distributed-tracingwshobson/agentsImplement distributed tracing with Jaeger and Tempo to track requests across microservices and identify performance bottlenecks. Use when debugging microservice11.1Kskills.sh installsspark-optimizationwshobson/agentsOptimize Apache Spark jobs with partitioning, caching, shuffle optimization, and memory tuning. Use when improving Spark performance, debugging slow jobs, or sc11.1Kskills.sh installs
apify-actor-developmentapify/agent-skillsDevelop, debug, and deploy Apify Actors - serverless cloud programs for web scraping, automation, and data processing. Use when creating new Actors, modifying e10.9Kskills.sh installs
aws-serverlessaws/agent-toolkit-for-awsBuilds, deploys, manages, debugs, configures, and optimizes serverless applications on AWS using Lambda, API Gateway, Step Functions, EventBridge, and SAM/CDK. 10.9Kskills.sh installsslo-implementationwshobson/agentsDefine and implement Service Level Indicators (SLIs) and Service Level Objectives (SLOs) with error budgets and alerting. Use when establishing reliability targ10.8Kskills.sh installs