What problem does it solve? Writing Lottie animation JSON by hand is error-prone: Skottie silently renders blank canvases when shapes are not wrapped in groups, colors use the wrong range, or keyframes are malformed. This Skill encodes the exact JSON structure, player setup, and verification workflow needed to produce animations that actually render. ## Core Features & Use Cases - Skottie-compatible JSON authoring: Enforces the required top-level fields, group-wrapped shapes with tr transforms, 0-1 RGBA colors, and array-based keyframe values. - Official player scaffolding: Sets up the diffusionstudio/lottie player via degit with hot-reload on save, and pins frames via ?frame=N&paused=1 URL parameters for screenshot verification. - Editable property slots: Exposes colors, scalars, vectors, and text as live controls through Skottie slots and a controls.json sidecar, including a mandatory background-color control. - Use Case: Ask for a bouncing ball animation; the Skill scaffolds the player, writes public/lottie.json with grouped shapes and looped keyframes, adds a background color slot, and verifies frame 60 renders correctly in the browser. ## Quick Start Create a Lottie animation of a pulsing circle and preview it in the local player.
