Dendro React

Name: Dendro React
Author: RooneyTech

von RooneyTechVersion 0.9.3i★ –iLäuft auf deinem Computer

Name in der Registryio.github.RooneyTech/dendro-react

Installieren

Überblick

Beschreibung vom Entwickler (englisches Original)

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

Die drei Säulen von PopNx MCP

Diese drei werden nie zu einer Punktzahl zusammengefasst: Meinungen, Messungen und Beliebtheit sind verschiedene Dinge.

Stimmen der NutzeriNoch keine BewertungenBewertungen starten in einem späteren Schritt zusammen mit Benutzerkonten
Unsere Basischecksi1 von 1 bestandenAnhand öffentlicher Informationen geprüft; Code noch nicht gescannt
NutzungiNoch nicht gemessen★ –

Was du damit machen kannst

Für diesen Server haben wir noch keine Zusammenfassung in einfacher Sprache geschrieben. Unten stehen die Fakten, die wir aus der Registry gelesen haben.

Verbindung: Läuft auf deinem Computer
Transport: stdio
Kategorie: Entwicklertools

Installation

Wähle die KI-App, die du nutzt, und kopiere die Einstellungen.

Bevor du installierst

Basischecks: 1 von 1 bestanden
Läuft auf deinem Computer mit den Rechten deines Benutzerkontos (Dateien, Netzwerk, Apps).
Die Registry nennt keinen Schlüssel zum Eintragen.

Du brauchst

npmNode.js installiert (für den Befehl npx)

Welche App nutzt du?

ClaudeClaude CodeCursorVS CodeChatGPT

Wähle oben deine App. Wir merken sie uns, damit der Button beim nächsten Mal „In … installieren“ anzeigt.

Öffne Claude Desktop → Settings → Developer → Edit Config und füge dies in claude_desktop_config.json ein

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

Führe das in deinem Terminal aus

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

In Cursor öffnen

Oder kopier die Einstellungen selbst

In .cursor/mcp.json in deinem Projekt oder in ~/.cursor/mcp.json einfügen

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

Dein Browser fragt, ob er die App öffnen darf, dann zeigt die App die Einstellungen und bittet dich um Bestätigung. Schlüsselwerte bleiben leer, damit du sie selbst einträgst.

In VS Code öffnen

Oder kopier die Einstellungen selbst

In .vscode/mcp.json in deinem Projekt einfügen

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

Dein Browser fragt, ob er die App öffnen darf, dann zeigt die App die Einstellungen und bittet dich um Bestätigung. Schlüsselwerte bleiben leer, damit du sie selbst einträgst.

Dieser Server läuft auf deinem Computer, und ChatGPT kann sich nur mit Servern im Internet verbinden. Wähle eine andere App.

Deine Auswahl bleibt in einem Cookie auf diesem Gerät; kein Konto nötig.

Diese Einstellungen werden aus dem Registry-Eintrag des Entwicklers erzeugt. Wenn in der README etwas anderes steht, folge der README.

Was er kann

Läuft auf deinem Computer; die Tool-Liste erscheint nach der Installation in deiner KI-App.

Basischecksi

Wir prüfen Informationen, die jeder sehen kann; den Code haben wir nicht gelesen. Checks, die nicht zutreffen, werden nicht mitgezählt. · Geprüft am 6. Nov. 2026

✓ Bestanden
Entwickler passt zum Repo
Der Registry-Name wurde mit dem GitHub-Konto RooneyTech bestätigt, dem das Repo gehört
… Noch nicht geprüft
Wird noch gepflegt
Dieses Repo haben wir noch nicht von GitHub gelesen
… Noch nicht geprüft
Hat eine Lizenz
Dieses Repo haben wir noch nicht von GitHub gelesen
– Nicht zutreffend
Endpunkt antwortet
Dieser Server läuft auf deinem Computer; es gibt keinen Endpunkt im Internet
– Nicht zutreffend
Anmeldung mit OAuth
Läuft auf deinem Computer und nutzt stattdessen lokale Einstellungen
… Noch nicht geprüft
Keine versteckten Anweisungen in Tool-Beschreibungen
Läuft auf deinem Computer; Tool-Listen können wir nur von Endpunkten im Internet lesen

Im Vergleich mit anderen in Entwicklertoolsi

Mehr Sterne als 0 % der anderen 1383 Server in dieser Kategorie
Neuer in der Registry veröffentlicht als 71 % der anderen 1383 Server in dieser Kategorie
Basischecks gleich gut wie oder besser als bei 100 % der anderen 1383 Server in dieser Kategorie

Verglichen mit allen aktiven Servern dieser Kategorie in der Registry. Sterne zählen nur, wenn dem Herausgeber das Repo gehört.

Häufige Fragen

Ist Dendro React sicher?

Er hat 1 von 1 zutreffenden Basischecks bestanden. Den Code haben wir nicht gelesen. Bevor du einen Schlüssel oder Token hinzufügst, sieh nach, welche Zugriffe der Server verlangt, und nutze einen Schlüssel, der nur die Berechtigungen hat, die du brauchst.

Welche Schlüssel oder Codes braucht er?

Die Registry nennt keinen erforderlichen Schlüssel, manche Server bitten dich aber bei der ersten Nutzung, dich anzumelden.

Läuft er auf meinem Computer oder in der Cloud?

Er läuft auf deinem Computer. Deine KI-App startet ihn bei Bedarf, und die Daten laufen nicht über die Server des Entwicklers (außer der Server ruft selbst einen Onlinedienst auf).

Wird er noch gepflegt?

Das GitHub-Repo wurde zuletzt – geändert, und die neueste Version (0.9.3) kam vor 19 Tagen in die Registry.

Welche Apps können ihn nutzen?

Apps, die MCP unterstützen, etwa Claude Desktop, Claude Code, Cursor und VS Code. Außerdem brauchst du Node.js auf deinem Computer.

Was kann ich stattdessen nutzen?

In derselben Kategorie: GitHub, Desktop Commander, Cloudflare MCP

Alternativen

Server derselben Kategorie von anderen Entwicklern, sortiert nach Sternen.

So liest du eine Karte:★ GitHub-SterneiDrei Säulen: Bewertungen · Checks · NutzungiAktualisiert = neueste Version in der Registry veröffentlichti

GitHub

von github

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

Computer oder Cloud★ 34.245MITAktualisiert vor 3 Tagen

Installieren

Desktop Commander

von wonderwhy-er

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

Läuft auf deinem Computer★ 10.225MITAktualisiert vor 15 Tagen

Installieren

Cloudflare MCP

von cloudflare

Cloudflare MCP servers

Läuft in der Cloud★ 4.446Apache-2.0Aktualisiert vor 14 Monaten

Installieren

README vom Entwickler

README öffnen

Unverändert aus dem Repo des Entwicklers übernommen. PopNx MCP hat den Inhalt weder geprüft noch empfiehlt es ihn. HTML, Bilder und Skripte wurden entfernt. Links führen von dieser Website weg.

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

Überblick

Die drei Säulen von PopNx MCP

Was du damit machen kannst

Installation

Bevor du installierst

Was er kann

Basischecksi

Entwickler passt zum Repo

Wird noch gepflegt

Hat eine Lizenz

Endpunkt antwortet

Anmeldung mit OAuth

Keine versteckten Anweisungen in Tool-Beschreibungen

Im Vergleich mit anderen in Entwicklertoolsi

Häufige Fragen

Alternativen

GitHub

Desktop Commander

Cloudflare MCP

README vom Entwickler

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