dendro-react-mcp

MCP server for React and React Native codebase analysis — 34 free tools: component trees, per-component complexity, prop flow, rerender risk (React Compiler aware), navigation graphs (Expo Router / Next.js / Remix / React Navigation), context maps, live r

Source

npm

Version: 0.7.0

Version published: 4 weeks ago

Weekly downloads: 0

Maintainers: 1

Weekly downloads

Created: 4 weeks ago

Source

dendro-react-mcp

The standalone MCP server from Dendro React — 34 free tools that give AI agents deep visibility into React and React Native codebases. Analysis runs locally; your code never leaves your machine.

Component trees, per-component complexity scores, prop flow, reverse dependency graphs
Re-render risk detection that understands React Compiler, Server Components, and React 19
Navigation graphs: React Navigation, Expo Router, Next.js App & Pages Router, Remix, React Router
Context maps, hook dependency analysis, circular dependency detection
Live runtime introspection via React DevTools (inspect and modify a running app's state)
AI-controlled visualization + guided workflow audits (requires the VS Code extension, also on Open VSX for Cursor/Windsurf)

Setup

Add to your MCP client config (Claude Code, Cursor, etc.):

{
  "mcpServers": {
    "dendro-react": {
      "command": "npx",
      "args": ["-y", "dendro-react-mcp"]
    }
  }
}

The server treats its working directory as the workspace root. To point it elsewhere (or to restrict file access explicitly), set the DENDRO_WORKSPACE_ROOT environment variable.

First call to make: get_usage_guide — returns the full tool index, sequencing rules, and the running build's version stamp.

Notes

The visualization (open_visualizer, visualize_*) and sidebar features light up when the Dendro React VS Code extension is installed and running; every analysis tool works standalone.
All 34 tools are free. No account, no license key.