mapbox-web-integration-patterns

SKILL.md

This skill provides official patterns for integrating Mapbox GL JS into web applications across different frameworks. These patterns are based on Mapbox's create-web-app scaffolding tool and represent production-ready best practices.

⚠️ Production apps should use npm, not CDN - ensures consistent versions and offline builds.

Note: These examples use Vite (the bundler used in create-web-app). If using Create React App, replace import.meta.env.VITEMAPBOXACCESSTOKEN with process.env.REACTAPPMAPBOXTOKEN. See the Token Management Patterns section for other bundlers.

Official integration patterns for Mapbox GL JS across popular web frameworks. Covers setup, lifecycle management, token handling, search integration, and common pitfalls. Based on Mapbox's create-web-app scaffolding tool. Source: mapbox/mapbox-agent-skills.

View raw