Mapbox Web Integration Patterns

mapbox/mapbox-agent-skills/skills/mapbox-web-integration-patterns

Multi-file

Mapbox· v1.0.0

codingOfficial

Official Provider SkillView repo

Official integration patterns for Mapbox GL JS across popular web frameworks (React, Vue, Svelte, Angular). Covers setup, lifecycle management, token handling, search integration, and common pitfalls. Based on Mapbox's create-web-app scaffolding tool.

Files11 files

AGENTS.md335 lines

Loading editor…

Install

Recommended

One command — your agent picks it up automatically.

Select AI agent

Select an AI agent above to see the install command.

Manual Install

More steps

Download the archive and add the files to your project manually.

Skill details

Versionv1.0.0

AuthorMapbox

Categorycoding

Skill IDmapbox/mapbox-agent-skills/skills/mapbox-web-integration-patterns

Files11 files

Related skills

Mapbox Android PatternsOfficial integration patterns for Mapbox Maps SDK on Android. Covers installation, adding markers, user location, custom data, styles, camera control, and featureset interactions. Based on official Mapbox documentation.Mapbox CartographyExpert guidance on map design principles, color theory, visual hierarchy, typography, and cartographic best practices for creating effective and beautiful maps with Mapbox. Use when designing map styles, choosing colors, or making cartographic decisions.Mapbox Data Visualization PatternsPatterns for visualizing data on maps including choropleth maps, heat maps, 3D visualizations, data-driven styling, and animated data. Covers layer types, color scales, and performance optimization.Mapbox Flutter PatternsOfficial integration patterns for the Mapbox Maps Flutter SDK. Covers installation, iOS/Android platform setup, access token configuration, MapWidget initialization, camera control, annotations with tap handling, user location, and loading GeoJSON. Based on official Mapbox documentation.Mapbox Geospatial OperationsExpert guidance on choosing the right geospatial tool based on problem type, accuracy requirements, and performance needs Mapbox Google Maps MigrationMigration guide for developers moving from Google Maps Platform to Mapbox GL JS, covering API equivalents, pattern translations, and key differences