Forms That Don't Fight Back
One field shell, every state defined, and validation that arrives at the right moment.
The steps
Your agent works through these in order, and won't break a step it already finished.
Form Field Shell
Wrap every input in one structure so labels, help, and errors behave the same everywhere.
Field State Matrix
Decide once how every field looks and behaves in every state, before screens improvise.
Required Field Indicator
Make it obvious which fields must be filled in and which may be left alone.
Help Text Pattern
Put field guidance in one predictable place, phrased the same way every time.
Input Group Component
Join prefixes, suffixes, and buttons to an input so they read as one control.
Form Section Pattern
Break long forms into labelled sections people can scan instead of read.
Inline Validation
Tell people what's wrong before they hit submit.
Form State Isolation
Keep long forms responsive by narrowing what re-renders when one field changes.
How to use this collection
One link, several features, one coherent document. Your agent inspects your app once — not once per feature — then implements the set in order, checking after each step that it hasn't broken the last.
Pro users build their own from any features in the library, including their own customized versions.
Go Pro — $28/month