Mapbox

Use this skill for practical Mapbox platform work in web apps and API integrations.

Workflow

Confirm the runtime first: plain HTML, Vite, React, Next.js, or another framework.
Confirm which Mapbox surface is involved: GL JS map rendering, styles, tilesets, geocoding, directions, or static images.
Start with the smallest working map before adding custom sources, layers, controls, or API calls.
Keep access tokens out of source files and examples unless the user explicitly wants a local-only demo.
For bugs, isolate whether the failure is in container sizing, token/scopes, style/source IDs, coordinate order, or layer order.