MCP server that decodes React DevTools Profiler exports into actionable render summaries for AI agents
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add react-render-profile -- npx -y react-render-profile-mcp~/.codex/config.toml
[mcp_servers.react-render-profile]
command = "npx"
args = ["-y", "react-render-profile-mcp"]
# codex mcp add react-render-profile -- npx -y react-render-profile-mcp~/.cursor/mcp.json
{
"mcpServers": {
"react-render-profile": {
"command": "npx",
"args": [
"-y",
"react-render-profile-mcp"
]
}
}
}.vscode/mcp.json
{
"servers": {
"react-render-profile": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"react-render-profile-mcp"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"react-render-profile": {
"command": "npx",
"args": [
"-y",
"react-render-profile-mcp"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"react-render-profile": {
"command": "npx",
"args": [
"-y",
"react-render-profile-mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"react-render-profile": {
"command": "npx",
"args": [
"-y",
"react-render-profile-mcp"
]
}
}
}