mapbox▌

Production-ready integration patterns for Mapbox GL JS across React, Vue, Svelte, Angular, and vanilla JavaScript. \n \n Covers framework-specific lifecycle management (useEffect/useRef in React, mounted/unmounted in Vue, onMount/onDestroy in Svelte, ngOnInit/ngOnDestroy in Angular) with proper cleanup to prevent memory leaks \n Includes Web Components pattern for framework-agnostic reusable map elements and cross-framework compatibility \n Provides token management via environment variables, Se

Performance optimization patterns for Mapbox GL JS applications, prioritized by user impact. \n \n Eliminate initialization waterfalls by loading map data in parallel with map initialization, and set precise viewport to avoid redundant tile fetches \n Use symbol layers for 100+ markers (GPU-accelerated) and clustering for 10,000+ features; avoid HTML markers at scale \n Choose GeoJSON for datasets under 5 MB, vector tiles for 20+ MB; implement viewport-based loading to reduce bandwidth \n Always

Battle-tested Mapbox style patterns and layer configurations for six common mapping scenarios. \n \n Includes ready-to-use JSON layer configurations for restaurant finders, real estate, data visualization, navigation, dark mode, and delivery/logistics maps \n Provides decision tree for selecting the right pattern based on content type, environment, user action, and platform \n Covers performance optimization techniques including zoom-based filtering, data-driven styling, and clustering for dense

This skill provides security expertise for managing Mapbox access tokens safely and effectively.

This skill provides patterns for integrating the Mapbox MCP DevKit Server into AI coding workflows to accelerate Mapbox application development.

Expert guidance for implementing Mapbox search functionality in applications. Covers the complete workflow from asking the right discovery questions, selecting the appropriate search product, to implementing production-ready integrations following best practices from the Mapbox search team.

This skill provides patterns for integrating the Mapbox MCP Server into AI applications for production use with geospatial capabilities.