概要
This skill provides standardized architectural patterns for bridging local form management and global application state in React applications. It implements a unidirectional data flow where React Hook Form handles high-frequency user inputs and validation via Zod, while Zustand manages persistent, validated application state. By enforcing type consistency and providing specific implementation patterns for both creation and 'edit mode' workflows, it helps developers avoid common pitfalls like performance-heavy two-way binding and complex type mismatches across the frontend stack.
