Labsco
Labsco/Plugins/mapbox/mapbox-agent-skills
PLUGIN / MAPBOX

Mapbox Agent Skills

Mapbox's map, search and routing tools explained to the coding assistant writing against them: the setup for each platform, the right call for a location question, and how the finished map should look.

COMMUNITY★ 68 GitHub starsMITRead the official docs ↗

Labsco Summary

ShowHide
Which of the nineteen cover the platform you are building on, the kind of mistake they exist to stop an assistant making, and which Mapbox connections an install switches on without asking.

Straight line, or driving time.

A coding assistant with no Mapbox work behind it guesses at questions like these:

  • whether a distance should be measured as a straight line or along the roads
  • which Mapbox search call fits the question actually being asked
  • why the map came up blank

The repository's own shorthand for the first of those is as the crow flies against as the crow drives.

Nineteen pieces, by the job in front of you.

The 19 pieces of guidance divide by the job in front of you:

  • 6 on getting a map into an app: a web framework, iPhone, Android, Flutter, and the two routes in from another map library
  • 4 on places, distances and routes
  • 3 on how the map looks
  • 3 on the pass to make before it goes live
  • 3 on handing the map work to an agent

There is no way to take one of those sets on its own: an install brings all 19, or you name a single skill on the command.

Three connections, doing three different things.

Installed as a plugin it also switches on 3 connections to Mapbox, and they are not the same kind of thing:

  • one answers questions about real places
  • one does account chores on request
  • one looks things up in Mapbox's own documentation

What gets installed: 19 skills, 3 MCP servers

Skills

Setup work, one codebase at a time: Mapbox GL JS inside React, Vue, Svelte or Angular; the Maps SDK in Swift and SwiftUI; the same in Kotlin and Jetpack Compose; a Flutter route that covers both phones from one codebase. Arriving from Google Maps or MapLibre belongs here too, because that is the same job with somebody else's code already in the way.

mapbox-android-patternsThe official recipe for putting a Mapbox map into an Android app: the setup steps, a map built in Jetpack Compose or the older view system, markers, and what to check when the map comes up blank.mapbox-flutter-patternsGetting a Mapbox map working in a Flutter app, which covers iPhone and Android from one codebase, including the iOS build setting that trips everyone up.mapbox-google-maps-migrationMoving an app off Google Maps and onto Mapbox: what each Google feature becomes, which differences bite, and how to judge whether the move is worth doing at all.mapbox-ios-patternsStep-by-step Mapbox map integration for an iPhone app, written for both SwiftUI and the older UIKit, down to where the access key goes and how to keep hundreds of markers smooth.mapbox-maplibre-migrationSwitching a map app from MapLibre over to Mapbox, a move that leaves most of the existing code alone but does mean signing up and putting an access key in place.mapbox-web-integration-patternsPutting a Mapbox map inside a React, Vue, Svelte or Angular app the way Mapbox's own starter project does it, plus the eight mistakes that leave you with a blank map or a page that slowly eats memory.