Mapbox Developer MCP Server

What it does

Mapbox Developer MCP Server connects AI assistants directly to the Mapbox platform, enabling conversational map creation, style management, and geospatial data processing. It ships interactive UI panels for GeoJSON preview, style comparison, and map rendering directly inside Claude Desktop, VS Code Copilot, and Claude Code — no browser tab needed.

Key features

• Interactive style previews — Render Mapbox styles as live HTML panels inside supported MCP clients, with zoom, pitch, and center controls
• GeoJSON visualization — Paste or upload GeoJSON and get an instant interactive preview via geojson.io links, plus offline validation with detailed error reports
• Style comparison — Side-by-side diff of two Mapbox styles highlighting layer, source, and property changes
• Token lifecycle management — Create, list, and scope Mapbox access tokens with fine-grained URL restrictions and expiration
• Local processing suite — Validate styles, expressions, and GeoJSON offline; convert CRS (WGS84 ↔ Web Mercator); compute bounding boxes; check WCAG color contrast; optimize style size
• Mapbox Feedback integration — Query and filter user-reported map data feedback items
• Agent Skills — Bundled cartography, token-security, style-patterns, and integration-patterns skills for Claude Code

Installation

Claude Desktop

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "mapbox": {
      "command": "npx",
      "args": ["-y", "@mapbox/mcp-devkit-server"],
      "env": {
        "MAPBOX_ACCESS_TOKEN": "your_mapbox_token"
      }
    }
  }
}

VS Code Copilot

Add to .vscode/settings.json:

{
  "github.copilot.chat.mcp.servers": {
    "mapbox": {
      "command": "npx",
      "args": ["-y", "@mapbox/mcp-devkit-server"],
      "env": {
        "MAPBOX_ACCESS_TOKEN": "your_mapbox_token"
      }
    }
  }
}

Hosted endpoint

For HTTP transport, use:

https://mcp-devkit.mapbox.com/mcp

Supported hosts

Claude Desktop, VS Code Copilot, Claude Code, Cursor