TanStack Start Devtools MCP

Lokale Entwicklungsbrücke zwischen TanStack Devtools und MCP-fähigen Coding-Agenten.

Dieses Repository ist ein „Clone-and-Use“-Tooling für die lokale Entwicklung, kein über npm veröffentlichtes Paket. Siehe INSTALL.md für Einrichtungsanweisungen und einen Agenten-Installations-Prompt.

Pakete

• @barreloflube/tanstack-start-dev-tool-mcp-shared: Gemeinsame Browser/Server-Protokoll-Schemas.

• @barreloflube/tanstack-start-dev-tool-mcp-react: React-Panel für @tanstack/react-devtools.

• @barreloflube/tanstack-start-dev-tool-mcp-server: MCP-Server plus lokale WebSocket-Brücke.

Related MCP server: mcacp

Entwicklung

pnpm install
pnpm dev:mcp

pnpm dev:mcp verwendet tsx watch, sodass Änderungen am MCP-Server den Prozess automatisch neu starten.

Umgebung

• TANSTACK_AGENT_DEVTOOLS_PORT: Bridge-Port, Standard ist 8129.

• TANSTACK_AGENT_DEVTOOLS_HOST: Bridge-Host, Standard ist 127.0.0.1.

• TANSTACK_AGENT_DEVTOOLS_TOKEN: Gemeinsames Browser/Server-Token, Standard ist tanstack-agent-devtools-local.

MCP-Client-Konfiguration

Für stdio-basierte Clients:

{
  "mcpServers": {
    "tanstack-start-devtools": {
      "command": "/Users/barreloflube/Desktop/tanstack-start-dev-tool-mcp/node_modules/.bin/tsx",
      "args": [
        "/Users/barreloflube/Desktop/tanstack-start-dev-tool-mcp/packages/mcp-server/src/cli.ts"
      ],
      "env": {
        "TANSTACK_AGENT_DEVTOOLS_TOKEN": "tanstack-agent-devtools-local"
      }
    }
  }
}

Für stdio-Clients starten Sie tsx direkt anstelle von pnpm mcp; Lifecycle-Banner des Paketmanagers können den MCP JSON-RPC-Stream beschädigen.

Codex startet seinen eigenen MCP-Prozess. Stoppen Sie pnpm dev:mcp, bevor Sie Codex neu starten, es sei denn, Sie testen absichtlich den überwachten Entwicklungsserver.

Prompts, die zum Erstellen verwendet wurden

1. „i want to make a mcp server that allows the tanstack start dev tool's access to the agent. how should we go around making it“

2. „i want a sep personal repo for this.“

3. „you can make the sep repo in the Desktop/tanstack-start-dev-tool-mcp folder and work in there, import it here and start the mcp server test it, dont stop until it works, also support hmr for the mcp server so you can itereate quickly.“