Dendro is one model of your React or React Native codebase, rendered twice: semantics your agent can query — contracts, blast radius, rerender risk, health audits — and your app’s constellation, a live map you can both point at.
Semantics your agent queries before it edits — and the constellation view you watch it reason over.
Full hierarchy, relationships, and structure. Find components by name or type. Detect circular dependencies instantly.
Every component graded 1-10. Spot refactoring candidates before they become tech debt. Density-based audit grades A-F.
Auto-detects React Navigation, Next.js App Router, React Router v6/v7, and Remix. See every screen, every route.
Prop drilling detection. Context map. Hook dependencies. Trace where state lives and how it moves through your app.
D3-powered dendrogram in a VS Code webview. Your AI highlights, annotates, and traces flows in real time as it explores.
Connect to a running app for live component trees, state, props, and hooks. Modify state from the editor.
Two minutes from install to first audit.
One click from the VS Code Marketplace, or run ext install RooneyTech.dendro-react.
Add Dendro to your .mcp.json. Works with Claude Code, Cursor, Windsurf, or any MCP client.
"Use Dendro to give me an architecture overview of this codebase." Your agent does the rest.
Every tool, for everyone. No plans, no tiers.
Install the extension, point Claude at it, ask what's complex. That's the whole loop.
Install Dendro React