Selection Controls Skill

How this skill behaves (read first)

This is a generative skill. The default failure mode is wrong-control selection: a dropdown for 3 options, a toggle for something that needs a Submit, radio buttons restyled as squares, a slider where precision matters. The control is determined by the structure of the choice (how many options, how many selectable, immediate vs. deferred effect) — not by looks. This skill gates:

1. Establish the choice structure — that mostly decides the control; styling questions come second.
2. Apply the always-true core — conventional shapes, interactive labels, clear alignment, defaults.
3. Surface the context-dependent decisions (dropdown alternatives, slider variants, preset ranges) with trade-offs.

Then it hands off to ux-heuristics-audit, ux-accessibility-audit, ux-aesthetics-audit, and ux-microcopy-audit for validation.

Step 0 — Establish the choice structure

Four questions essentially pick the control: