text-to-lottie
The text-to-lottie skill creates, edits, and fixes Lottie JSON animations for the Skia Skottie player. It uses a reference-based workflow to generate production-ready motion graphics, including logos, UI microinteractions, data visualizations, and product promos.
Is text-to-lottie safe to install?
Review the source first: our audit of text-to-lottie's source files found 1 shell command, 1 external URL, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill executes shell commands to validate JSON files and performs file system operations to read and write Lottie JSON and control files.
How we audit skills: our security review methodology.
Who is this skill for?
Designers and developers creating Lottie animations for the Skia Skottie player.
What can you do with it?
- Text-to-Lottie generation
- SVG and logo animation
- UI microinteractions and loaders
- Data and chart animation
- Product promos and visual effects
- Skottie scene debugging
How good is this skill?
Quality score: 5/10. The skill provides clear, structured instructions and a robust workflow for animation production. It includes specific file paths and validation steps.
What does the skill file contain?
# 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 transp...
Frequently asked questions
Where should I save my Lottie files?
Save files at public/projects/<project>/<scene-N>/lottie.json.
How do I verify my animation?
Verify the scene in the official Skia Skottie player, inspect frames in the browser, and validate the JSON structure using the provided node command.
How do I handle fonts in Lottie?
Place the .ttf, .otf, or .ttc file next to the lottie.json, declare it in fonts.list with a matching fFamily name, and reference it from text documents.
Related skills
shadcn
217.3KDevelopers building UI components and design systems using shadcn/ui
The shadcn skill manages UI components and design systems for projects using the shadcn/ui framework. It provides tools to search, add, debug, and style components, while enforcing strict composition and styling rules based on project-specific configuration.
hyperframes
157.0KDevelopers and content creators who need to automate video production, motion graphics, or code-based video editing using HTML and CLI-based workflows
HyperFrames is an intent-routing skill that manages video, animation, and motion graphic creation by directing requests to specialized workflows. It renders video from HTML compositions where timing is defined by data attributes. The skill acts as a central entry point for authoring, editing, and rendering video projects.
emil-design-eng
114.3KDevelopers and designers building user interfaces who want to improve the feel and responsiveness of their software
This skill provides design engineering guidance based on Emil Kowalski's philosophy for UI polish, component design, and animation. It includes specific frameworks for animation decision-making, CSS transition techniques, and component interaction patterns.
make-interfaces-feel-better
37.7KFrontend developers and designers using AI agents to review UI code or implement design system improvements
This skill provides design engineering principles for polishing user interfaces. It guides the agent in reviewing and implementing UI details such as typography, animations, border radii, optical alignment, and performance optimizations.