Install and use Text to Lottie
Install the Skill
Run the upstream command in your project, then follow the author’s setup guide and any requirements below.
npx skills add diffusionstudio/lottieGive your agent a task
Provide the relevant files, context and constraints. For example:
Create a Lottie scene from this SVG and preview the timing in the project player.
The author’s animated Lottie player example with two blocks and a collision counter.
Projekt-ScreenshotsÜber diesen Skill
Create or edit Lottie animation scenes and inspect their playback in the project’s Skia Skottie player.
Warum wir es empfehlen
Animate an SVG logo, loader or UI feedback state for a product.
Wobei es hilft
- Animate an SVG logo, loader or UI feedback state for a product.
Usage and limitations
The workflow targets the bundled Skottie player and checks rendered frames; another renderer may differ.
Alternatives and related workflows
Remotion Best Practices: React video guidance
Text to Lottie focuses on Lottie scenes and a Skia Skottie player. Remotion guides React-based video composition and rendering; choose according to the required output.
Vor der Nutzung
- Use a coding agent and the upstream player project; setup and playback follow the repository instructions.
Quellen und Referenzen
Die Originalquellen sind unten verlinkt. Praktische Einstiegsideen sind redaktionelle Vorschläge von SkillHey.
