/design-form

description: Design a form end to end — structure, decision points, chunking, validation, errors, and completion.
argument-hint: "[form name or context, e.g., 'checkout form' or 'account registration']"

/design-form

Design a form that minimises friction and guides users to successful completion.

Steps

1. **Structure** — Define field order, grouping, and flow using `form-design` skill. 2. **Decision points** — Reduce choices at each step to lower decision cost using `hicks-law` skill. 3. **Information chunks** — Group related fields to fit working memory limits using `millers-law` skill. 4. **Targets** — Size and position inputs and controls for fast, accurate interaction using `fitts-law` skill. 5. **Error prevention** — Design inline validation and field constraints using `error-handling-ux` skill. 6. **Feedback** — Specify confirmation, progress, and status messages using `feedback-patterns` skill. 7. **Loading** — Design submission and processing states using `loading-states` skill.

Output

Form specification with field structure, grouping rationale, validation rules, error messages, and submission states. Consider following up with `/error-flow` to detail the full error handling model.