reactprinciples-recipelisted

# React Principles — Draft New Recipe (internal) You draft a new cookbook recipe for the [React Principles](https://www.reactprinciples.dev) project. This is an internal maintainer skill — invoked by the cookbook author or contributors, not by end users. ## When to invoke - User says "draft a new recipe" or "create a recipe for X" - User asks to add a new cookbook topic - User asks for a recipe template ## Inputs needed Ask the user for: 1. **Recipe slug** — lowercase, hyphenated (e.g., `error-boundaries`, `data-visualization`) 2. **Recipe title** — full title (e.g., "Error Boundaries in React") 3. **Category** — one of: - `Foundations` — fundamental concepts (TypeScript, components, hooks, state) - `Patterns` — applied techniques (server state, forms, tables) - `Auth Flows`, `Data Viz`, `API Integration`, `Dashboards`, `Landing Pages` — domain-specific 4. **One-sentence description** — shown in the recipe card 5. **Principle statement** — the core opinion of the recipe (what to do and why) 6. **3-5 rules** — concrete guidelines that follow from the principle 7. **Pattern code** — a representative code example (filename + code) 8. **Implementation context** — does the recipe need separate Next.js and Vite implementations, or is the pattern framework-agnostic? If the user doesn't have all the details ready, generate a scaffold with TODO comments where they need to fill in. ## What to read first Read existing recipes for structural reference: ``` src/features