Mapbox Skills

Official integration patterns for Mapbox Maps SDK on Android. Covers installation, adding markers, user location, custom data, styles, camera control, and…

Expert guidance on map design principles, color theory, visual hierarchy, typography, and cartographic best practices for creating effective and beautiful maps…

Expert guidance on map design principles, color theory, visual hierarchy, typography, and cartographic best practices for creating effective and beautiful maps…

Patterns for visualizing data on maps including choropleth maps, heat maps, 3D visualizations, data-driven styling, and animated data. Covers layer types,…

Expert guidance on choosing the right geospatial tool based on problem type, accuracy requirements, and performance needs

Migration guide for developers moving from Google Maps Platform to Mapbox GL JS, covering API equivalents, pattern translations, and key differences

Official integration patterns for Mapbox GL JS across popular web frameworks. Covers setup, lifecycle management, token handling, search integration, and…

Official integration patterns for Mapbox Maps SDK on iOS. Covers installation, adding markers, user location, custom data, styles, camera control, and…

Compose Mapbox MCP tools to produce grounded, cited location-aware responses from live data instead of training data

Guide for migrating from MapLibre GL JS to Mapbox GL JS, covering API compatibility, token setup, style configuration, and the benefits of Mapbox's official…

Integration patterns for Mapbox MCP DevKit Server in AI coding assistants. Covers setup, style management, token management, validation workflows, and…

Integration patterns for Mapbox MCP Server in AI applications and agent frameworks. Covers runtime integration with pydantic-ai, mastra, LangChain, and custom…

Complete workflow for implementing Mapbox search in applications - from discovery questions to production-ready integration with best practices

Expert guidance on choosing the right Mapbox search tool and parameters for geocoding, POI search, and location discovery

Common patterns for building store locators, restaurant finders, and location-based search applications with Mapbox. Covers marker display, filtering, distance…

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

Common style patterns, layer configurations, and recipes for typical mapping scenarios including restaurant finders, real estate, data visualization,…

Expert guidance on validating, optimizing, and ensuring quality of Mapbox styles through validation, accessibility checks, and optimization. Use when preparing…

Expert guidance on validating, optimizing, and ensuring quality of Mapbox styles through validation, accessibility checks, and optimization. Use when preparing…

Security best practices for Mapbox access tokens, including scope management, URL restrictions, rotation strategies, and protecting sensitive data. Use when…

Security best practices for Mapbox access tokens, including scope management, URL restrictions, rotation strategies, and protecting sensitive data. Use when…

Production-ready integration patterns for Mapbox GL JS across React, Vue, Svelte, Angular, and vanilla JavaScript. 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 Includes Web Components pattern for framework-agnostic reusable map elements and cross-framework compatibility Provides token management via environment variables, Search JS...

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