Dendro React

Name: Dendro React
Author: RooneyTech

de RooneyTechversión 0.9.3i★ –iSe ejecuta en tu computadora

Nombre en el registroio.github.RooneyTech/dendro-react

Instalar

Resumen

Descripción del creador (original en inglés)

React codebase semantics for AI agents, with a VS Code visualizer you both share. Free, local.

Los tres pilares de PopNx MCP

Estos tres nunca se combinan en una sola puntuación: las opiniones, las mediciones y la popularidad son cosas distintas.

Opinión de usuariosiAún no hay reseñasLas reseñas se abrirán junto con las cuentas en una etapa posterior
Nuestras revisiones básicasi1 de 1 superadasRevisado con información pública; el código aún no se ha escaneado
UsoiAún sin medir★ –

Qué puedes hacer con él

Todavía no escribimos un resumen sencillo para este. Abajo están los datos que leímos del registro.

Conexión: Se ejecuta en tu computadora
Transporte: stdio
Categoría: Herramientas para desarrolladores

Instalación

Elige la app de IA que usas y copia la configuración.

Antes de instalar

Revisiones básicas: 1 de 1 superadas
Se ejecuta en tu computadora con los permisos de tu usuario (archivos, red, apps).
El registro no indica ninguna clave que completar.

Necesitas

npmNode.js instalado (para el comando npx)

¿Qué app usas?

ClaudeClaude CodeCursorVS CodeChatGPT

Elige tu app arriba. La recordamos, así que la próxima vez el botón dirá “Instalar en …”.

Abre Claude Desktop → Settings → Developer → Edit Config y pega esto en claude_desktop_config.json

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

Ejecuta esto en tu terminal

claude mcp add dendro-react -- npx -y dendro-react-mcp

Abrir en Cursor

O copia la configuración tú

Pégalo en .cursor/mcp.json de tu proyecto, o en ~/.cursor/mcp.json

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

Tu navegador te pide permiso para abrir la app; luego la app muestra la configuración y te pide confirmar. Los valores de las claves quedan vacíos para que los completes tú.

Abrir en VS Code

O copia la configuración tú

Pégalo en .vscode/mcp.json de tu proyecto

{
  "servers": {
    "dendro-react": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "dendro-react-mcp"
      ]
    }
  }
}

Tu navegador te pide permiso para abrir la app; luego la app muestra la configuración y te pide confirmar. Los valores de las claves quedan vacíos para que los completes tú.

Este se ejecuta en tu computadora, y ChatGPT solo puede conectarse a servidores en internet. Elige otra app.

Tu elección se guarda en una cookie en este dispositivo; no necesitas cuenta.

Esta configuración se genera a partir de la ficha del creador en el registro. Si el README dice otra cosa, sigue el README.

Qué puede hacer

Se ejecuta en tu computadora; la lista de herramientas aparece en tu app de IA después de instalarlo.

Revisiones básicasi

Revisamos información que cualquiera puede ver; no hemos leído el código. Las revisiones que no aplican no se cuentan. · Revisado el 6 nov 2026

✓ Superada
El creador coincide con el repo
El nombre en el registro se verificó con la cuenta de GitHub RooneyTech, dueña del repo
… Aún sin revisar
Sigue en mantenimiento
Todavía no hemos leído este repo en GitHub
… Aún sin revisar
Tiene licencia
Todavía no hemos leído este repo en GitHub
– No aplica
El endpoint responde
Este se ejecuta en tu computadora; no hay endpoint en internet
– No aplica
Inicio de sesión con OAuth
Se ejecuta en tu computadora y usa ajustes locales en su lugar
… Aún sin revisar
Sin instrucciones ocultas en las descripciones de herramientas
Se ejecuta en tu computadora; solo podemos leer listas de herramientas de endpoints en internet

Comparado con otros en Herramientas para desarrolladoresi

Más estrellas que el 0% de los otros 1385 servidores de esta categoría
Publicado en el registro más recientemente que el 71% de los otros 1385 servidores de esta categoría
Revisiones básicas iguales o mejores que el 100% de los otros 1385 servidores de esta categoría

Comparado con todos los servidores activos de esta categoría en el registro. Las estrellas solo cuentan cuando quien lo publica es dueño del repo.

Preguntas frecuentes

¿Es seguro Dendro React?

Superó 1 de 1 revisiones básicas aplicables. No hemos leído el código. Antes de agregar una clave o un token, revisa qué acceso pide el servidor y usa una clave que tenga solo los permisos que necesitas.

¿Qué claves o códigos necesita?

El registro no indica ninguna clave obligatoria, aunque algunos servidores te piden iniciar sesión la primera vez que los usas.

¿Se ejecuta en mi computadora o en la nube?

Se ejecuta en tu computadora. Tu app de IA lo inicia cuando hace falta, y los datos no pasan por los servidores del creador (a menos que el propio servidor llame a un servicio en línea).

¿Sigue en mantenimiento?

El repo de GitHub cambió por última vez –, y la última versión (0.9.3) llegó al registro hace 19 días.

¿Qué apps pueden usarlo?

Las apps compatibles con MCP, como Claude Desktop, Claude Code, Cursor y VS Code. También necesitas Node.js en tu computadora.

¿Qué puedo usar en su lugar?

En la misma categoría: GitHub, Desktop Commander, Cloudflare MCP

Alternativas

Servidores de la misma categoría hechos por otros creadores, ordenados por estrellas.

Cómo leer una tarjeta:★ Estrellas de GitHubiTres pilares: reseñas · revisiones · usoiActualizado = fecha en que se publicó la última versión en el registroi

GitHub

de github

Connect AI assistants to GitHub - manage repos, issues, PRs, and workflows through natural language.

Computadora o nube★ 34.245MITActualizado hace 3 días

Instalar

Desktop Commander

de wonderwhy-er

MCP server for terminal commands, file operations, and process management

Se ejecuta en tu computadora★ 10.225MITActualizado hace 15 días

Instalar

Cloudflare MCP

de cloudflare

Cloudflare MCP servers

Se ejecuta en la nube★ 4446Apache-2.0Actualizado hace 14 meses

Instalar

README del creador

Abrir el README

Copiado tal cual del repo del creador. PopNx MCP no lo ha revisado ni lo respalda. Se quitaron HTML, imágenes y scripts. Los enlaces llevan fuera de este sitio.

Dendro

Your agent is editing code it's never read.

It just scanned forty files to answer "what breaks if I change this?" It could have asked one fucking question.

Dendro is one model of your React or React Native codebase, rendered twice: semantics your agent can query, and a map you can both point at.

For your agent — the semantics

MCP tools that answer React questions in React terms: the component's contract before an edit (props, state, contexts, blast radius), rerender risk with the why, effect hygiene (cleanup risks, setter-only effects, fetch races that exhaustive-deps can't see), navigation graphs (Next.js, React Navigation, Remix, Expo Router), live runtime state from a running app — and whole-repo orientation in one ~300-token call.

Symbol servers tell your agent where the symbol is. Dendro tells it what rerenders, and why.

For you — the visualizer

Your app's constellation: a live dendrogram in VS Code, descended from Reactive. Your agent drives it — highlights what it's talking about, annotates, traces a prop, walks you through the architecture step by step while you click Next/Back. You watch the same map the agent reasons over.

Getting Started

Install Dendro React — run ext install RooneyTech.dendro-react in VS Code, or install from the Marketplace
Open your React or React Native project in Claude Code
Paste this:

Set up Dendro React for this project. The extension is already installed in VS Code. Do these steps in order:

1. Find the MCP server path: ls ~/.vscode/extensions/rooneytech.dendro-react-*/dist/mcp-server.js. If several versions are installed, choose the newest one.

2. Find the absolute node path: which node (Node 22.12+ or Node 20.19+ in the 20.x line).

3. Merge a dendro-react server into .mcp.json using the absolute node path as "command", the selected server path as the first arg, and DENDRO_WORKSPACE_ROOT set to this project's absolute path. Preserve other servers.

4. Restart the MCP client, then call get_usage_guide and report its running version. If the tools are unavailable, stop and explain what setup remains.

5. Get the contract of one component I am about to edit. Read its source and one reported importer; check props, state, and used-by claims. Explain one concrete change impact and any mismatch before proposing an edit.

Your first useful result is a source-checked answer to “what depends on the component I'm changing?” The finish line is an accurate explanation of one change impact, with file references and scope limits.

For standalone analysis, Cursor/Windsurf setup, or troubleshooting, use the setup guide. The VS Code extension is needed for the shared map; static analysis can run through the npm MCP server alone.

Things to Try

Say "Dendro" in your prompts — like "Use Dendro to show me how this app is structured." It'll use the visualizer and deeper analysis instead of just reading files.

Watch: "Open the Dendro visualizer and walk me through the app"
Ask: "Use Dendro to check how healthy this codebase is"
Before an edit: "Get the component contract for CheckoutForm first"
"Where does state live? Use Dendro to trace the data flow"
"Show me how navigation works in this app with Dendro"
"Use Dendro to explain this repo's architecture like I've never seen it"

What It Does

Component contracts — props, state, contexts, blast radius, complexity in one call, before your agent edits
Health audits — A-F grade plus line-anchored review signals (cleanup risks, possible fetch races, informational setter-only effects)
Complexity scoring — every component graded, refactoring candidates named
Navigation mapping — React Navigation, Next.js, React Router, Remix, Expo Router
Context & data flow — providers, consumers, prop drilling detection
Visual canvas — the agent highlights, annotates, and traces flows in a live dendrogram
Runtime inspection — connect to a running app for live state, props, and hooks (optional)

Check findings before changing code

Static analysis suggests places to inspect. A health grade is a heuristic, not a correctness or performance verdict. The tree follows static imports; lazy imports and other entry points can be absent. Reported re-render risks need context about memoization and runtime behavior.

Read the flagged source before applying a fix. In particular, an effect can return cleanup implicitly or through an optional chain; v0.9.0 can incorrectly flag these as leaks. Check the running server version rather than assuming a changelog entry means a fix is installed. Visualizer commands being queued does not confirm that the requested nodes appeared on screen.

Free & local

Every tool is free — exports, snapshots, verified projection, live introspection, and batch analysis included. No account, no license key, and no code leaves your machine. The one exception is submit_feedback, which sends a debrief to the maker only when you explicitly say yes.

Configuration

Setting	Default	Description
`dendro-react.autoStartRuntime`	`false`	Auto-connect to React Native apps on activation
`dendro-react.runtimePlatform`	`auto`	Target platform: `auto`, `ios`, `android`, or `device`
`dendro-react.runtimePort`	`8097`	DevTools WebSocket port
`dendro-react.runtimeHost`	`localhost`	WebSocket host (`0.0.0.0` for physical devices)
`dendro-react.projectorMode`	`false`	Larger fonts/strokes for screen sharing

Learn More

Setup Guide — manual setup, Cursor/Windsurf config, runtime connection, troubleshooting
Tools Reference — every MCP tool with descriptions

Feedback

Dendro is in early access. If something doesn't work, feels confusing, or you wish it did something different — I want to hear it.

Issues & ideas: GitHub Issues
Email: colin@rooneytech.com
Or just tell your agent to use submit_feedback — it knows what to do.

*Built by Colin Rooney. Originally derived from Reactive, built at OSLabs with Micah Ziegler and Susana Lam. Named after the Greek word for tree and the branching dendrites of neurons.*

Dendro React

Resumen

Los tres pilares de PopNx MCP

Qué puedes hacer con él

Instalación

Antes de instalar

Qué puede hacer

Revisiones básicasi

El creador coincide con el repo

Sigue en mantenimiento

Tiene licencia

El endpoint responde

Inicio de sesión con OAuth

Sin instrucciones ocultas en las descripciones de herramientas

Comparado con otros en Herramientas para desarrolladoresi

Preguntas frecuentes

Alternativas

GitHub

Desktop Commander

Cloudflare MCP

README del creador

Dendro

For your agent — the semantics

For you — the visualizer

Getting Started

Things to Try

What It Does

Check findings before changing code

Free & local

Configuration

Learn More

Feedback