# 3dstreet

A relay that bridges Claude Desktop, Claude Code, and other development environments to a 3DStreet browser tab. Through MCP tools, an agent can inspect scenes, add and modify objects, adjust parameters, and manage undo/redo.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI
- Author: 3DStreet
- License: AGPL-3.0 · policy=link-only · description only; the file stays with the author
- Source: https://github.com/3DStreet/3dstreet-mcp
- Updated: 2026-09-03
- HTML: https://affpapa.org/en/nevibecode/mcp/3dstreet

## What it does

3dstreet-mcp is a bridge between your IDE and the browser. It speaks MCP over stdio to Claude and WebSocket to 3DStreet running on localhost. The agent gets access to tools: `getScene`, `entityCreate`, `entityUpdate`, `selectEntity`, `focusCamera`, and more. The actual scene lives in a real 3DStreet tab, which owns the catalog and cloud-save flow.

After installation, pair your browser and IDE once. The relay prints an auto-pair URL like `https://3dstreet.app/#mcp` — open it in a signed-in browser, click "AI Assistant", and the tab connects automatically. Then ask the agent: "Add a bike lane on the left", "What's in the scene?", "Switch to night mode". Use Read-only mode in the status bar to prevent unintended mutations.

The relay binds to `127.0.0.1:51735` and rejects connections from other hosts. No auth tokens flow through WebSocket. Alpha status; supports 8 platforms including Claude Code, Claude Desktop (config-based), Codex, Cursor, GitHub Copilot, Windsurf, Cline, Zed, Gemini CLI.

## Requirements
- Needs: Node.js (commands run via npx)

## Install

### Claude Code (native platform)

**Platform CLI**
```bash
claude mcp add 3dstreet -- npx -y 3dstreet-mcp
```

### Codex

**Platform CLI**
```bash
codex mcp add 3dstreet -- npx -y 3dstreet-mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "3dstreet": {
            "command": "npx",
            "args": [
                "-y",
                "3dstreet-mcp"
            ]
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "3dstreet": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "3dstreet-mcp"
            ]
        }
    }
}
```

### Gemini CLI

**Platform CLI**
```bash
gemini mcp add 3dstreet npx -y 3dstreet-mcp
```

## When to use it
- drive a street design editor from the IDE without switching tabs
- fetch the current scene and inspect all objects and components
- create, update and delete objects, road segments, and properties
- navigate: select entities and focus the camera on areas
- undo and redo edits in the scene

## Example prompts
- What objects are in my current scene? Give me a list.
- Change the environment preset to night.

## Similar
- [REA](https://affpapa.org/en/nevibecode/mcp/rea.md) — MCP server · ★ 392262
- [GitHub](https://affpapa.org/en/nevibecode/mcp/github.md) — MCP server · ★ 33989
- [Netdata](https://affpapa.org/en/nevibecode/mcp/netdata.md) — MCP server · ★ 81163
- [browser-use](https://affpapa.org/en/nevibecode/mcp/browser-use.md) — MCP server · ★ 119231
- [Codebase Memory](https://affpapa.org/en/nevibecode/mcp/codebase-memory.md) — MCP server · ★ 47577
- [mcp-server](https://affpapa.org/en/nevibecode/mcp/mcp-server.md) — MCP server · ★ 43902

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md