React Render Profile MCP
Decodes React DevTools Profiler exports into render summaries and memoization advice for AI agents.
Connector by vola-trebla · GitHub account verified by the MCP Registry
Install
Works with Claude Code, Codex, VS Code, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.
npx agentmarket install connector/vola-trebla-react-render-profile-mcp
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this server can do and what it asks for, from its tool list and install config. Checked Oct 25, 2026.
- Tools
- 9 read · 0 write · 0 delete · 4 not yet classified
- Secrets
- None asked for
- Install scripts
- Not scanned yet
- Runs as
- Node.js package
Tools by what they do 13
Read from the source code; the running server may list different tools.
Read 9 · Look things up without changing anything.
analyze_compiler_efficacyaudit_compiler_rulesdiagnose_hydration_and_suspenseevaluate_external_store_performancefind_spurious_rendersget_hottest_componentsget_render_summaryprofile_rsc_streamsuggest_memoization
Not yet classified 4 · We could not tell from the name and description.
correlate_chrome_traceremediate_componenttrace_render_cascadetrace_state_cascade_footprint
Files it touches
- Any path the agent passes to its tools
Tools (13)
Read from the source code; the running server may differ. Descriptions are the server’s own words; hidden characters are shown as [U+…].
analyze_compiler_efficacyEvaluates React Compiler or manual React.memo efficacy by tracking spurious renders. Calculates the Invalidation Index for each component to identify where unstable prop references trigger wasteful renders.
audit_compiler_rulesAudits a React component file to check if it violates compiler memoization safety guidelines (e.g., Date.now(), Math.random(), useRef mutations in render, 'use no memo' bails).
correlate_chrome_traceAligns React commits with Chrome Performance trace events (re-layout, paint, style calculations) using blink.user_timing ⚛ markers to calculate Core Web Vitals (INP/CLS) impact.
diagnose_hydration_and_suspenseDetects server-client hydration mismatches and sequential nested Suspense waterfalls by analyzing mount durations, unmount events, and timelines.
evaluate_external_store_performanceAnalyzes useSyncExternalStore performance, identifying selector reference instability and concurrency bypasses where heavy store updates block the high-priority main thread.
find_spurious_rendersFinds React components that re-rendered without any meaningful prop, state, context, or hook changes. These are wasted renders caused by unstable references (inline objects/functions/arrays) passed from a parent. Returns component name, total render count, spurious count, and wasted milliseconds. Use to identify the highest-ROI targets for React.memo.
get_hottest_componentsReturns the top N React components ranked by self CPU time (excluding children) across the entire profiling session. Includes total self ms, average per render, and percentage of total profile time. Use to find which components are the most expensive to render, regardless of cause.
get_render_summaryReturns a high-level overview of a React DevTools Profiler export: total commits, total render time, top 5 slowest components by self time, and total spurious (wasted) render count. Use this first to understand the scale of the performance problem before drilling into specifics.
profile_rsc_streamAnalyzes a React Server Components (RSC) Flight stream text log. Detects bloated chunks (>50KB), sequential Waterfall request bottlenecks, and security hazards like constructor traversing exploits (CVE-2025-55182 / React2Shell).
remediate_componentAutomatically optimizes a React component's AST by hoisting static declarations, wrapping unstable callbacks/objects in useCallback/useMemo, and wrapping the component in React.memo if the ROI score is above 1.5. Mutates the file on disk.
suggest_memoizationAnalyzes the profiling data and returns concrete memoization suggestions. Currently detects React.memo candidates: components with spurious renders above the wasted ms threshold. Each suggestion explains why the component re-renders unnecessarily and what to do about it.
trace_render_cascadeFor a specific React commit (render cycle), shows what triggered it and lists every component that re-rendered as a result, sorted by actual duration descending. Reveals propagation — e.g. a context update cascading into 40 children. Call get_render_summary first to find total_commits, then use 0-based commit_index.
trace_state_cascade_footprintReconstructs the virtual parent/owner tree traversal to measure the depth and consumer count of a state update cascade for a specific commit index.
Signals
- Stars
- 2
- Forks
- 0
- Open issues
- 0
- Last commit
- May 22, 2026 (5 months ago)
- Last release
- May 22, 2026 (5 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- Registry name
io.github.vola-trebla/react-render-profile-mcp- Version
- 1.0.2
- Auth
- No auth
- Packages
- npm react-render-profile-mcp
- License
- MIT
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
More from vola-trebla
- 0.592score
Playwright Trace Decoder MCP
vola-trebla
MCP server for unpacking and analyzing Playwright trace.zip archives
ConnectorAFreshness: ALocal★ 1Claude Code +5 - 0.502score
Playwright Network Chaos MCP
vola-trebla
MCP server that gives AI agents dynamic network chaos control over Playwright browser sessions
ConnectorCFreshness: CLocal★ 1Claude Code +5 - 0.488score
Release Readiness Triage MCP
vola-trebla
Aggregates CI failures, cross-references flakiness history, and outputs GO/NO_GO release verdicts.
ConnectorCFreshness: CLocalClaude Code +5 - 0.488score
Env Secret Exposure Analyzer MCP
vola-trebla
Scans projects for secret exposure: leaked API keys, unprotected.env files, and secrets in logs.
ConnectorCFreshness: CLocalRead-onlyClaude Code +5 - 0.488score
Ndjson Local Log Triage MCP
vola-trebla
Streams NDJSON log triage: query patterns, detect anomalies, summarize timelines without full load.
ConnectorCFreshness: CLocalClaude Code +5 - 0.488score
Sourcemap Retrace MCP
vola-trebla
Decodes minified production stack traces back to original TypeScript source using source maps.
ConnectorCFreshness: CLocalClaude Code +5
Cite this page
React Render Profile MCP. Agent Mart. https://agentmart.dev/connectors/vola-trebla-react-render-profile-mcp (last updated 2026-10-24)