| name | react-best-practices |
| description | Use when building or reviewing a React or Next.js UI. Keep components small, state simple, and user-facing flows understandable. |
React Best Practices
Use this skill when the project has a real React or Next.js UI.
Workflow
- Start with simple components and clear props.
- Keep state close to where it is used.
- Prefer readable composition over clever abstraction.
- Make loading, empty, and error states explicit.
- Keep styles and structure easy to scan.
Guardrails
- Do not add a giant design system on day one.
- Do not overuse indirection for a small UI.
- Build the simplest correct version first.