react-template-form-feature

What problem does it solve?

Modern React apps require consistent, validated, and maintainable form features; this skill removes the guesswork by producing schema-first validation, handler-driven submit flows, and UI wiring that follow the repository's conventions so forms are reliable and easy to maintain.

Core Features & Use Cases

• Schema-first validation: generates Zod schemas with inferred types and cross-field constraints to enforce strong validation and type-safety.
• Handler + data-access integration: produces a handler that owns useForm, TanStack Query mutations, centralized API calls, and post-submit navigation/toast behavior.
• UI wiring and i18n: creates a page that uses FormProvider, shared common/ui form-fields, and updates en/el locale namespaces for user-facing labels and messages.
• Use Case: add a team-member create/edit form that validates email and role, submits via centralized data-access, and syncs locale keys for both English and Greek.

Quick Start

Create a new feature named team-member with fields name, email, and role, then generate the schema, handler, page, data-access API, and corresponding en/el locale keys following the repo patterns.