# Mapbox Devkit MCP server > Manage Mapbox styles, tokens and developer resources from your AI assistant, with style building and GeoJSON tools. - Listing: https://mcp.tc/i/mapbox-devkit - Connect: use the server's own URL `https://mcp-devkit.mapbox.com/mcp` (OAuth sign-in at the server); clients connect to it directly. The listing link is a page, not an MCP endpoint. - Type: remote (Streamable HTTP) - Auth: OAuth sign-in - Category: [Developer Tools](https://mcp.tc/c/developer-tools) - Vendor: Mapbox - Repository: - Package: npm `@mapbox/mcp-devkit-server` ## About Gives an AI assistant direct access to Mapbox developer APIs. You can create, list, retrieve, update and delete map styles, manage access tokens, read user feedback, and consult reference material on style layers, Streets v8 fields and token scopes. Local helper tools cover GeoJSON preview, coordinate conversion, bounding boxes, style comparison and style optimization. The server runs as a hosted streamable HTTP endpoint at https://mcp-devkit.mapbox.com/mcp with OAuth sign-in. It can also run locally with the npm package @mapbox/mcp-devkit-server, which needs a Mapbox access token in MAPBOX\_ACCESS\_TOKEN. Each tool needs a token with matching scopes, such as styles:read or styles:write. ## What it can do - Create, update, list, retrieve and delete Mapbox styles - Build and modify styles through conversational prompts - Create and list Mapbox access tokens - Look up style layer, Streets v8 field and token scope references - Preview GeoJSON and convert coordinates - Compute bounding boxes and compare or optimize styles ## Example prompts - "List all the Mapbox styles in my account" - "Create a new Mapbox style with a dark basemap and highlighted roads" - "What fields are available for the landuse layer in Streets v8?" - "Which token scopes do I need to display a map?" ## Install ### Claude Code 1. Run this in a terminal, in your project folder: ```bash claude mcp add --transport http mapbox-devkit https://mcp-devkit.mapbox.com/mcp ``` 2. Start Claude Code, type `/mcp`, pick **mapbox-devkit** and choose **Authenticate**. A browser window opens for the Mapbox sign-in. Add `--scope user` to make it available in every project, not just this one. ### Claude Desktop 1. Open **Settings → Connectors** and click **Add custom connector**. 2. Name it **Mapbox Devkit** and paste this URL: ```url https://mcp-devkit.mapbox.com/mcp ``` 3. Click **Add**, then **Connect**, and sign in when Mapbox asks. Claude Desktop’s JSON config file only starts local servers. Remote servers go through Connectors, and connectors you add on claude.ai show up here too. ### claude.ai 1. Open the connector form on claude.ai. This button fills in the name and URL for you: [Add to claude.ai]() (opens connector settings) 2. Check that the URL reads `https://mcp-devkit.mapbox.com/mcp` and click **Add**. 3. Click **Connect** and sign in when Mapbox asks. Free plans allow one custom connector. On Team and Enterprise plans an owner adds it under **Organization settings → Connectors**. ### ChatGPT 1. On chatgpt.com, open **Settings → Security and login** and turn on **Developer mode**. 2. Go to `chatgpt.com/plugins` and click **+** to create an app for a remote MCP server. 3. Paste `https://mcp-devkit.mapbox.com/mcp` as the server URL and choose **OAuth**. ChatGPT sends you to Mapbox to sign in. Developer mode is available on the web for Plus, Pro, Business, Enterprise and Education accounts. ### Cursor [Add to Cursor]() (opens Cursor) Or add it by hand to `~/.cursor/mcp.json` (all projects) or `.cursor/mcp.json` (this project): `mcp.json`: ```json { "mcpServers": { "mapbox-devkit": { "url": "https://mcp-devkit.mapbox.com/mcp" } } } ``` Cursor shows **Needs login** next to the server. Click it to sign in. ### VS Code [Install in VS Code]() (opens VS Code) Or from a terminal: ```bash code --add-mcp '{"name":"mapbox-devkit","type":"http","url":"https://mcp-devkit.mapbox.com/mcp"}' ``` Or commit it to the repo in `.vscode/mcp.json`: `.vscode/mcp.json`: ```json { "servers": { "mapbox-devkit": { "type": "http", "url": "https://mcp-devkit.mapbox.com/mcp" } } } ``` VS Code asks you to sign in the first time the server starts. ### Devin Desktop 1. Add it to `~/.config/devin/mcp_config.json` (macOS and Linux) or `%APPDATA%\devin\mcp_config.json` (Windows): `mcp_config.json`: ```json { "mcpServers": { "mapbox-devkit": { "serverUrl": "https://mcp-devkit.mapbox.com/mcp" } } } ``` 2. Refresh the MCP server list in Cascade and sign in when asked. Devin Desktop is the new name for Windsurf. It reads `serverUrl` (or `url`) for remote servers. ### Codex ```bash codex mcp add mapbox-devkit --url https://mcp-devkit.mapbox.com/mcp codex mcp login mapbox-devkit ``` Or edit `~/.codex/config.toml` directly: `config.toml`: ```toml [mcp_servers.mapbox-devkit] url = "https://mcp-devkit.mapbox.com/mcp" ``` ### Gemini CLI ```bash gemini mcp add --transport http mapbox-devkit https://mcp-devkit.mapbox.com/mcp ``` Then, inside Gemini CLI, run `/mcp auth mapbox-devkit` to sign in. This adds it to the current project. Add `-s user` to use it everywhere. ### Any client Most clients accept this shape. Some name the URL field differently: `serverUrl` in Devin Desktop, `httpUrl` in Gemini CLI’s settings file. ```json { "mcpServers": { "mapbox-devkit": { "type": "http", "url": "https://mcp-devkit.mapbox.com/mcp" } } } ``` Zed puts servers under `context_servers` in its settings. Cline needs `"type": "streamableHttp"`, or it assumes SSE. Client only starts local servers? Bridge it with `npx -y mcp-remote https://mcp-devkit.mapbox.com/mcp`. ## Details - Server version: 0.8.2 - Last checked: 2026-10-04 (reachable, asks for credentials) - Listed: 2026-10-04 - Updated: 2026-10-04 --- Source: https://mcp.tc/i/mapbox-devkit (mcp.tc is an independent directory, not affiliated with this server's publisher). Corrections: https://mcp.tc/report