mapbox-style-patterns
Common style patterns, layer configurations, and recipes for typical mapping scenarios including restaurant finders, real estate, data visualization, navigation, delivery/logistics, and more. Use when implementing specific map use cases or looking for proven style patterns.
Security Assessment
About mapbox-style-patterns
This skill is a library of battle-tested Mapbox style patterns, layer configurations, and recipes for common mapping scenarios. It solves the problem of choosing and configuring the right map layers and styling for a given use case — restaurant/POI finders, real estate, data visualization, navigation, and delivery/logistics — by providing proven, copy-ready configurations rather than requiring designers to build them from scratch.
The primary document presents a pattern library (starting with a POI finder using a desaturated base map, high-contrast markers, and clear road hierarchy) plus a decision tree that selects a pattern based on primary content, viewing environment, user action, and platform. A companion AGENTS.md quick reference covers Mapbox layer types, data-driven styling with match/interpolate/case expressions, zoom-based styling, clustering, feature-state hover and selection, filters, and math/string expressions. It also documents performance patterns (vector tiles versus GeoJSON, minzoom/maxzoom, combining layers, feature state over remove/re-add), dynamic style updates, layer ordering, common use cases like choropleths, routes, and 3D buildings, and debugging tips. Additional reference files exist for dark mode, navigation, real estate, clustering expressions, and delivery/logistics.
It targets frontend and GIS developers building interactive maps with Mapbox GL. It is a read-only reference and recipe collection with no runtime credential handling or destructive behavior.
FAQ
What mapping platform is this for?
Mapbox GL styling — layer configurations, expressions, and style JSON patterns for interactive web maps.
What use cases does it cover?
Restaurant/POI finders, real estate, data visualization, navigation, and delivery/logistics, with a decision tree to pick the right pattern.
Does it help with data-driven styling?
Yes. It documents match, interpolate, step, and case expressions for coloring by category, sizing by value, and zoom-based visibility, plus clustering and feature-state hover/selection.
Are performance considerations addressed?
Yes. It advises when to use vector tiles versus GeoJSON, setting minzoom/maxzoom, combining similar layers, and using feature state instead of removing and re-adding layers.
Is it a code library or a reference?
It is a reference and recipe collection of style patterns and configuration snippets, with additional files for dark mode, navigation, real estate, clustering, and delivery/logistics.
All Files
10 filesInstall mapbox-style-patterns
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
mapbox/mapbox-agent-skills