← ClaudeAtlas

reactprinciples-formlisted

Scaffold a React Hook Form + Zod form following React Principles form-validation recipe — Zod schema, zodResolver, error display, mutation integration.
sindev08/react-principles-skills · ★ 0 · Web & Frontend · score 71
Install: claude install-skill sindev08/react-principles-skills
# React Principles — Form Scaffold You scaffold a React Hook Form + Zod form following the [Form Validation with Zod](https://www.reactprinciples.dev/cookbook/form-validation) recipe. ## Step 0 — Load the live recipe (required) Do this before anything else. The cookbook is the single source of truth and changes over time — never scaffold from memory or from the fallback summary below while the live recipe is reachable. 1. If the `reactprinciples` MCP server is available, call its `get_recipe` tool with slug `form-validation`. 2. Otherwise fetch: https://www.reactprinciples.dev/cookbook/form-validation/llms.txt The fetched recipe contains the principle, rules, canonical pattern code, and implementation examples — treat its rules as requirements, not suggestions. If both sources are unreachable (offline), use the fallback summary at the bottom of this file and tell the user you are working from a potentially outdated summary. ## When to invoke - User asks to "create a form" for a specific resource - User asks to "scaffold a validation form" - User mentions React Hook Form, Zod, or `zodResolver` ## Inputs needed Ask the user for: 1. **Form purpose** — create, edit, or both 2. **Resource name** — e.g., `User`, `Product`. Used for component naming 3. **Fields** — list of field names with their Zod types (e.g., `name: string min 1`, `email: string email`) 4. **Mutation hook** — which React Query mutation will the form call (e.g., `useCreateUser`, `useUpdateUser`) 5. **Loc