dev-tweaker

What problem does it solve? Choosing between design or layout variants during feature development normally requires editing code, rebuilding, and repeating for every option. This Skill adds temporary useTweak() controls to a www feature component so variants can be flipped live in a dev-only panel, then bakes the chosen option into the code and removes the scaffolding. ## Core Features & Use Cases - Live variant exploration: Insert useTweak('Label', { type, default, group? }) calls into a feature component and switch between select, boolean, number, color, or text options in the floating tweaker panel. - Safe experimentation: Controls run only in dev and Vercel previews and are dead-code-eliminated from production builds, with defaults matching the current look so nothing changes until a control moves. - Clean finalization: Once a variant is picked, the chosen values are baked into the code and all useTweak scaffolding is removed before the PR is finalized. - Use Case: While building a new card layout on a feature branch, add a select control with three spacing variants and a boolean for showing a border, let the user pick their preferred combination in the panel, then hardcode the choice and delete the controls. ## Quick Start Ask the assistant to add a few tweakable layout options to the feature component you are working on so you can compare variants in the dev tweaker panel.