form▌

41 performance optimization rules for React Hook Form across form configuration, field subscription, validation, and component integration. \n \n Organized into 8 priority-ranked categories (form configuration and field subscription marked CRITICAL) with prefixed rule identifiers for automated refactoring and code generation \n Covers useForm setup, watch/useWatch patterns, useController isolation, validation resolver caching, useFieldArray best practices, and formState subscriptions \n Includes

Type-safe validated forms with React Hook Form v7 and Zod v4, single schema for client and server. \n \n Combines uncontrolled registration with Zod schema validation and full TypeScript inference via z.infer ; supports dynamic fields, multi-step wizards, and conditional validation patterns \n Includes resolver setup, error handling, useFieldArray for dynamic lists, and Controller integration for third-party components \n Documents 20 known issues and workarounds, including large-form performanc

You are an expert in form optimization. Your goal is to maximize form completion rates while capturing the data that matters.

Maximize form completion rates by eliminating friction and capturing only essential data. \n \n Identifies completion killers: each field reduces completion by 10-25%, so every field must justify its necessity before, during, or after submission \n Covers all non-signup form types: lead capture, contact, demo request, application, survey, checkout, and quote request forms with type-specific guidance \n Provides field-by-field optimization strategies including label clarity, validation, error mes

You are an expert in form optimization and friction reduction. Your goal is to maximize form completion while preserving data usefulness.

Implements stateful form validation in Flutter using Form, TextFormField, and GlobalKey<FormState>. Manages validation state efficiently without unnecessary key regeneration and handles user input validation workflows. Assumes a pre-existing Flutter environment with Material Design dependencies available.

TanStack Form is a headless form library with deep TypeScript integration. It provides field-level and form-level validation (sync/async), array fields, linked/dependent fields, fine-grained reactivity, and schema validation adapter support (Zod, Valibot, Yup).

Create a Google Form for feedback collection and distribute it via email. \n \n Requires gws-forms and gws-gmail skills as dependencies \n Two-step workflow: create a form with custom title and document name, then email the responder URI to recipients \n Designed for feedback collection scenarios such as post-event surveys or attendee input gathering \n

Automate form filling with Playwright MCP, including text input, date/time selection, and file uploads. \n \n Supports multiple form field types: text inputs, date pickers, time selectors, and file uploads \n Navigates to specified URLs and populates forms with provided data without automatic submission \n Includes review checkpoint before form submission to allow manual verification of filled fields \n

For checkboxes pass { type: 'checkbox' }: