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.
- GitHub stars
- 2
- tools
- 11
- transport
- STDIO
- last updated
- May 22, 2026
Tools
11 toolsPublic tool metadata for what this MCP can expose to an agent.
get_render_summaryOverview of commits, total render time, spurious renders count, and lifecycle anomalies.
Overview of commits, total render time, spurious renders count, and lifecycle anomalies.
No parameter schema in public metadata yet.
find_spurious_rendersLists components that rendered with identical props/state. Classifies trigger into UNSTABLE_PARENT_REF or CONTEXT_UPDATE.
Lists components that rendered with identical props/state. Classifies trigger into UNSTABLE_PARENT_REF or CONTEXT_UPDATE.
No parameter schema in public metadata yet.
analyze_compiler_efficacyComputes Invalidation Index to identify where React Compiler or React.memo is bypassed.
Computes Invalidation Index to identify where React Compiler or React.memo is bypassed.
No parameter schema in public metadata yet.
diagnose_hydration_and_suspenseDetects server-client hydration mismatches and nested Suspense fetch waterfalls.
Detects server-client hydration mismatches and nested Suspense fetch waterfalls.
No parameter schema in public metadata yet.
evaluate_external_store_performanceFinds unstable useSyncExternalStore selectors and high-priority blocking sync tasks.
Finds unstable useSyncExternalStore selectors and high-priority blocking sync tasks.
No parameter schema in public metadata yet.
trace_state_cascade_footprintTraces virtual owner tree to measure propagation depth and consumer count of updates.
Traces virtual owner tree to measure propagation depth and consumer count of updates.
No parameter schema in public metadata yet.
suggest_memoizationProvides high-ROI React.memo suggestions based on average self-time (> 2ms threshold).
Provides high-ROI React.memo suggestions based on average self-time (> 2ms threshold).
No parameter schema in public metadata yet.
remediate_componentModifies AST on disk to hoist variables, wrap hooks, and apply memoization.
Modifies AST on disk to hoist variables, wrap hooks, and apply memoization.
No parameter schema in public metadata yet.
audit_compiler_rulesStatically audits component source code for React Compiler rule violations.
Statically audits component source code for React Compiler rule violations.
No parameter schema in public metadata yet.
profile_rsc_streamParses RSC Flight logs to audit chunk sizes, waterfalls, and React2Shell exploits.
Parses RSC Flight logs to audit chunk sizes, waterfalls, and React2Shell exploits.
No parameter schema in public metadata yet.
correlate_chrome_traceAligns React commits with Chrome trace events to calculate CLS/INP web vitals impacts.
Aligns React commits with Chrome trace events to calculate CLS/INP web vitals impacts.
No parameter schema in public metadata yet.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageReadme
react-render-profile-mcp
An Autonomous Performance SRE & Auto-Remediation Engine for React, exposed as a Model Context Protocol (MCP) server. Built specifically to bridge the performance perception gap for AI coding agents (Claude, Cursor, Copilot).
👁️ The Blind Spot: Why AI Agents Break React Production
When an AI agent refactors a Context Provider, changes state architecture, or hooks up a global store, it is completely blind to the runtime performance impact.
An agent can successfully pass unit tests and compile code while introducing catastrophic performance regressions:
Details
- Repository
- github.com/vola-trebla/react-render-profile-mcp
- Category
- Design & Creative
- Package
react-render-profile-mcp- Transport
- STDIO
- Registry
- MCP registry, active
More from vola-trebla
- Playwright Trace Decoder Mcp1
- Ast Impact Mapper Mcp
- Env Secret Exposure Analyzer Mcp
- Flakiness Knowledge Graph Mcp
- Ndjson Local Log Triage Mcp
- Playwright Network Chaos Mcp
- Playwright Spatial Layout Mcp
- Sourcemap Retrace Mcp
- Tailwind Context Resolver Mcp
- Tsconfig Inheritance Flattener Mcp
- V8 Cpu Profile Decoder Mcp
- Release Readiness Triage Mcp
Related Design & Creative MCP servers
View all
Godotsterion66/godot-mcp-serverThe most complete Godot 4 MCP: secure sandbox, 40+ tools (projects–runtime), major MCP clients.0stars
Random Designyanislav-igonin/random-design-mcpGenerate randomized English Markdown frontend design directions from curated catalogs.0stars
Agent-Native Designbuilderio/agent-nativeAgent-Native design tool - create and edit visual designs with agent assistance7.6Kstars
Canvas Mcpvishalsachdev/canvas-mcpCanvas LMS integration for students and educators with optional privacy controls322stars
MCP 3D Printer Serverdmontgomery40/mcp-3d-printer-serverConnects MCP to major 3D printer APIs (Orca, Bambu, OctoPrint, Klipper, Duet, Repetier, Prusa, Creality). Control prints, monitor status, and perform advanced S190stars