Skills
.Work. You
Rest

mapbox-maplibre-migration

Official

Migrate MapLibre to Mapbox quickly and safely.

Software Engineering#migration#geospatial#styles#token-security#web-mapping#mapbox-gl-js#maplibre-gl
Authormapbox
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps developers migrate MapLibre GL JS projects to Mapbox GL JS by aligning APIs, tokens, and styles.

Core Features & Use Cases

  • Comprehensive migration guidance: step-by-step instructions to replace maplibre-gl with mapbox-gl, update tokens, and adjust style URLs across Web, iOS, and Android.
  • Cross-platform applicability: applies to web apps using MapLibre, with examples for React, Vue, and vanilla JS, plus mobile integrations.
  • Best practices & risk management: token security, plugin compatibility, and performance considerations to minimize migration risk.

Quick Start

Install dependencies and begin migration with these commands:

  • npm uninstall maplibre-gl
  • npm install mapbox-gl
  • Update imports from maplibregl to mapboxgl
  • Set mapboxgl.accessToken to a public token (pk.*) or environment variable
  • Replace style URLs with Mapbox styles (mapbox://styles/...)

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mapbox-maplibre-migration
Download link: https://github.com/mapbox/mapbox-agent-skills/archive/main.zip#mapbox-maplibre-migration

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.