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

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).

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

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' }:

Status: Production Ready ✅ Last Updated: 2025-11-20 Dependencies: None (standalone) Latest Versions: [email protected], [email protected], @hookform/[email protected]

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

Implement comprehensive form validation including client-side validation, server-side synchronization, and real-time error feedback with TypeScript type safety.