form-ux-architecture

Community

Design trustworthy form validation flows

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 to microcopy, endpoint shape goes to api-design, and stored data shape goes to data-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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.