Inputs & Forms Skill

How this skill behaves (read first)

This is a generative skill. The default failure modes: over-asking (every field that might be useful, all required), mislabeling (placeholders as labels, jargon, unmarked optionals), and validating late (errors dumped in a modal at submit). The fix is not "apply every form pattern" — helper text, tooltips, progress bars, and multi-step splitting everywhere produce a bloated form. So this skill gates:

1. Establish context — what the form collects, why each field is needed, platform, and length.
2. Apply the always-true core — minimal fields, scannable single-column layout, persistent labels, the right input type per field, inline validation.
3. Surface the context-dependent decisions (multi-step, floating labels, helper text, pickers, smart defaults) with trade-offs.

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

Step 0 — Establish context before designing

Ask if not known; state the assumption if proceeding without an answer: