Make It Right (React reactivity tier). React 19 + React Compiler reactivity footguns shared across EVERY React meta-framework (Next.js, React Router 7/Remix, TanStack Start, Vite SPA) — distinct from the generic frontend gates and from any one framework's mechanics. Covers: the Rules of Hooks, effect-dependency discipline (derive in render, effects are for external sync only), stale closures, list-key correctness, controlled vs uncontrolled inputs, granular Suspense + Error Boundary placement, useTransition/useDeferredValue for INP, React Compiler 1.0 interop (blind useMemo/useCallback is now a liability; the 'use no memo' opt-out), concurrent-rendering/StrictMode double-invoke, and the server-state-vs-client-state boundary (TanStack Query, not useState mirrors). TRIGGER when the frontend reactivity library is React — sits between mir-frontend (generic) and the framework module (e.g. mir-frontend-react-next). SKIP for Vue/Angular/Svelte (each gets its own mir-frontend-<lib> tier), and for meta-framework-library mechanics (RSC boundary, Server Actions, file routing, framework caching — those live in the framework module).
$npx -y skills add anantbhandarkar/make-it-right --skill mir-frontend-reactInstalls into the current project.
Run `npx skills use "https://github.com/anantbhandarkar/make-it-right" --skill "anantbhandarkar/make-it-right/mir-frontend-react"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/anantbhandarkar/make-it-right" that are relevant to the current task. Run `npx skills add "https://github.com/anantbhandarkar/make-it-right"` and select the relevant skills, then follow their instructions.