Write React components with clear state boundaries.
What it does
Guides agents in writing React components with consistent styling, localized state, clear layout, and justified memoization.
When to use it
Use when working on TSX components, UI libraries, styling, state locality, layout, render performance, or memoization.
How to use it
It changes how the agent writes React components, keeping transient state local and splitting components only at meaningful boundaries.
What you provide
- An existing project
What you need · 3
The guide applies to a project using React components.
Requires the UI library used for the prescribed Flexbox and Center layout components.
Assigns decomposition of heavy domain features into host-assembled atoms to compose-atoms; whether installation is required is unstated.
Access · 0
No additional actions listed.