Keep your React app organized as it grows.
What it does
Guides development of maintainable React applications with strict typing, feature-based organization, and Suspense-first data fetching.
When to use it
Use when creating or refactoring frontend components and features, handling data, setting up routing, styling with MUI, or addressing performance.
How to use it
It changes how the agent writes frontend project code by enforcing architectural, typing, loading, and performance standards.
What you provide
- An existing project
What you need · 5
The guidelines target React applications and prescribe React component patterns.
The project must use TypeScript with strict mode enabled, explicit return types, and no implicit any.
The prescribed data-fetching pattern uses useSuspenseQuery from @tanstack/react-query.
The routing standards prescribe TanStack Router with folder-based routes and lazy-loaded route components.
Access · 0
No additional actions listed.