Build React interfaces with consistent loading.
What it does
Guides the creation of React and TypeScript frontend code with consistent component structure, Suspense-based loading, and performance practices.
When to use it
Use when creating frontend components, pages, or features, fetching data, configuring routing, styling, organizing code, or optimizing performance.
How to use it
It changes how the agent writes frontend code by applying component, loading, data-fetching, styling, and organization checklists.
What you provide
- An existing project
What you need · 5
The guidelines are for React applications and prescribe React component and lazy-loading patterns.
The component guidelines use TypeScript, including typed component props.
The styling patterns use MUI components and require the v7 Grid syntax.
The prescribed data-fetching pattern uses TanStack Query's useSuspenseQuery.
Access · 0
No additional actions listed.