form-ux-architecture
CommunityDesign trustworthy form validation flows
Design & Creative#error recovery#multi-step forms#form ux#validation timing#client server validation#submission lifecycle#ux architecture
Authorjacob-balslev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It solves confusing form experiences where users get incorrect or mistimed validation feedback, lose progress, or cannot recover from submission errors.
Core Features & Use Cases
- Form validation lifecycle design: Decide validation timing (change/blur/submit/async) and ensure client-side validation complements—not replaces—server validation.
- Submission and recovery modeling: Define pending, success, failure, retry, and partial-save behavior so users can recover without frustration.
- Form structure and responsibility boundaries: Create form architecture guidance with clear handoffs so labels and assistive behavior go to
a11y, wording goes tomicrocopy, endpoint shape goes toapi-design, and stored data shape goes todata-modeling.
Quick Start
Ask the skill to audit your signup or checkout form and produce a validation timing and recovery plan that maps field groups to the user goal and defines client/server responsibilities.
Dependency Matrix
Required Modules
None requiredComponents
Standard packageđź’» Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: form-ux-architecture Download link: https://github.com/jacob-balslev/skill-graph/archive/main.zip#form-ux-architecture Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.