What problem does it solve? Forms are where users abandon products, enter bad data, and hit accessibility barriers. This Skill provides concrete design rules for building forms that minimize friction, prevent input errors, and guide users to successful completion. ## Core Features & Use Cases - Layout and Labeling Rules: Enforces single-column layouts, top-aligned persistent labels, field widths matched to expected input, and grouping of related fields. - Input Type Selection: Maps data types (dates, phone numbers, passwords, option sets) to the correct input controls such as radio buttons, selects, checkboxes, and masked inputs. - Validation and Error Handling: Defines inline validation on blur, field-level error placement, actionable error messages, and accessible error association via aria-describedby. - Use Case: When designing a multi-step checkout or onboarding flow, apply this Skill to structure progress indicators, per-step grouping, back navigation without data loss, and a review step before final submission. ## Quick Start Review my signup form design and recommend improvements to its layout, input types, validation behavior, and accessibility.
