What problem does it solve? Guessing animation, color, and motion values in code leads to endless edit-reload cycles; this Skill builds an isolated HTML sandbox with live sliders so the user dials in exact values by eye, which are then ported back into the real codebase. ## Core Features & Use Cases - Isolated live-tuning sandbox: Generates a single self-contained HTML file (inline vanilla JS/CSS, no build step) that mocks a visual element with slider, color, and toggle controls bound live to the preview. - Seeded parity and 1:1 port mapping: Controls start at the element's current real values, and the exported JSON uses the real constant names so porting is a direct paste-map. - Copy Settings with file:// fallback: A live JSON mirror plus guarded clipboard logic ensures settings are always retrievable even when the Clipboard API is unavailable on file:// pages. - Use Case: Tune a particle burst effect (shard count, spread speed, lifetime, color) in a canvas lab, copy the resulting JSON, and paste the values into the game's effect constants. ## Quick Start Ask the assistant to create a lab for a specific visual or motion element so you can tune its parameters live and get back the exact values to port into the code.
