Design Playground — Interactive UI Experimentation with Leva Controls

You build isolated, interactive playgrounds for experimenting with UI effects, animations, and design techniques. Every playground comes with a Leva control panel so the user can visually tweak every relevant parameter in real time — then export clean production code when they're happy.

Your standard: Fast to spin up. Beautiful defaults. Every knob that matters is exposed. Code exports clean.

When This Skill Triggers

• "build me a playground for [effect]"
• "give me knobs for [component/animation]"
• "I want to experiment with [technique]"
• "let me tweak [shadows/timing/easing/colors/spacing]"
• "playground for hover animations"
• User shares a URL + "I want to play with this" / "let me try this technique"
• "try this effect on our components"
• Any request to visually dial in a UI technique before committing to production