What problem does it solve? Building forms in a React app usually means repeating TanStack Form boilerplate, wiring Zod validation twice, and hand-rolling server-error handling for every feature. This Skill standardizes form creation in packages/web so each form only owns its schema, defaults, fields, and submit logic. ## Core Features & Use Cases - Shared form base: Uses useAppForm with bound field components (TextField, NumberField, SelectField, TextareaField, CheckboxField, DateField) that render labels and errors automatically. - Server-error wiring: Applies ProblemDetails field errors via useFormServerErrors and a FormErrorBanner, with throwApiError on the server side. - Create, edit, and dialog variants: Provides patterns for create forms, edit forms with baseline reset, and forms inside dialogs with custom cancel behavior. - Use Case: Add a user-edit form to src/features/users with a Zod schema, a createServerFn submit handler, and Save/Cancel buttons that disable automatically based on dirty state. ## Quick Start Ask the agent to add a form to a feature in packages/web, specifying the fields, validation rules, and whether it is a create or edit form.
