react-scan
Install and use react-scan tooling for component-level React render attribution: "set up react-scan", "diagnose React re-renders", "find unnecessary renders", "find unstable props", "measure component renders programmatically", or automated render checks with Playwright (react-scan + playwright, lite headless API for CI). Covers install across Next.js/Vite/Remix/script-tag/browser-extension and the render-attribution → fix → validate loop. For trace-based triage of LCP/INP regressions, ForcedReflow, bundle bloat, or memory leaks, use investigate-web-perf instead.
Pinned to revision 2b717166afc3, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/react-scan/SKILL.md
- skills/react-scan/agents/openai.yaml
- skills/react-scan/references/api-surface.md
- skills/react-scan/references/diagnosis-patterns.md
- skills/react-scan/references/fix-recipes.md
- skills/react-scan/references/playwright-integration.md
- skills/react-scan/references/setup.md
- skills/react-scan/references/workflow.md
- skills/react-scan/scripts/inject-react-scan.js
- skills/react-scan/scripts/playwright-render-collector.ts
Every link opens the file at its source, pinned to the revision this page describes.