Vibe coding with the Mapbox DevKit MCP Server
summary
Mapbox ships a DevKit MCP server that exposes concrete tools—style helper, token creation, geojson preview—so a coding agent can create and preview styles, mint public tokens (no secret scopes), query vector tiles, compute country bounding boxes, and convert coordinates. It’s implemented in TypeScript using mcpdk and Z schemas, offers hosted and self‑hosted installs, and demo flows actually create two styles (Halloween night/day), apply one to an HTML map, restrict view to Ireland, and render five recent earthquakes—each step completes successfully.
AI-written summary · about
chapters (11)
- 0:00Introduction and agenda
- 2:49Understanding MCP
- 3:42Protocol and infrastructure
- 10:03Coding agents and workflows
- 13:39DevKit features and tools
- 16:06Architecture and technicals
- 18:01Token management code
- 22:16Live vibe coding demo
- 35:06Installation and setup
- 38:15Roadmap and community
- 41:26Q&A session
related talks
26mBuild your First MCP App
25mTesting: it's not just for code anymore
31mHow to build an MCP server for Vue?
30mLet's make an MCP Server!
15mGive your Code Editor Real Super Powers
29mBuilding MCP Apps With GraphQL Patterns You Already Know
22mCrafting design context for agentic coding workflows
35mMastering the Model Context Protocol