reactprinciples-formlisted
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