What problem does it solve?
This Skill helps developers determine why a Lottie file renders incorrectly after conversion to Popkorn, distinguishing converter defects, player bugs, deliberate skips, target gaps, and documented limitations before making changes.
Core Features & Use Cases
- Systematic Triage: Compare thorvg, lottie-web canvas, source JSON, and converted CSS to classify rendering and animation discrepancies.
- Measurement-Driven Debugging: Use conversion validation, feature inventories, frame-accurate harness comparisons, sampled motion curves, and isolation experiments to identify root causes.
- Parity Implementation Guidance: Apply established converter and player fix patterns, including animated channel unions, warning requirements, compositor reuse, runtime ordering, serializer updates, regression tests, documentation, and examples.
- Use Case: When an imported Lottie has incorrect gradients, opacity, mattes, timing, or effects, follow the playbook to locate the responsible layer, implement the smallest consistent fix, and verify it against the project’s parity and corpus standards.
Quick Start
Use the achieving-lottie-parity skill to investigate the rendering mismatch in the specified Lottie file, classify its cause, implement the appropriate fix, and report verification evidence honestly.