React Render Profile Mcp

Turns React DevTools Profiler exports into structured performance diagnostics that AI agents can act on. It decodes render cascades, flags spurious renders caused by unstable references or context updates, and scores components for memoization ROI. Beyond analysis, it uses ts-morph to automatically remediate bottlenecks by hoisting literals, wrapping hooks in useCallback, and applying React.memo where the math justifies it. Ships with tools like find_spurious_renders, suggest_memoization, and remediate_component, plus an SVG cascade visualizer accessible via MCP resources. Also correlates React commits with Chrome trace events to estimate real CLS and INP impacts. Reach for this when refactoring state architecture, global stores, or context providers and you need runtime confirmation that your changes don't tank performance.