The Working Approach
The skill writes a scene’s lottie.json and, when needed, controls.json inside the player project. It selects a primary recipe for the requested task, then reads only the additional references needed for fonts, SVG conversion, animation structure or controls.
Editing starts by resolving the target scene. An explicitly supplied path takes precedence over a browser route or discovered context. Before modifying an existing file, the agent must read it again because values edited through the player can be written back to the same JSON.
Expected Deliverables
- A Lottie JSON scene under the chosen project and scene directory
- Optional controls for labeled, adjustable animation values
- A review of representative frames in the local Skottie player
From Brief to Review
- 01Resolve the Scene
Choose an explicit project and scene before writing. Use discovery to find context, not as permission to overwrite an unrelated animation.
- 02Choose the Recipe and Assets
Identify the animation task and supply its SVG or font files. For logos, loaders and overlays, the source defaults to a transparent background.
- 03Expose the Values That Will Change
Use slots and controls for important editable values, with useful labels and ranges. A full-frame background needs an editable background color.
- 04Inspect Actual Frames
Validate the JSON, open the local player and inspect the first, middle and final visible frames. Check missing assets, cropping, layer order and timing.