Back to Skills

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.

71stars12forksUpdated 8/1/2026

Security Assessment

Safe(95/100)
Security Score95/100

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 files
AGENTS.md6.4 KB
View
evals/evals.json5.0 KB
View
references/delivery-logistics.md8.0 KB
View
SKILL.md7.2 KB
View
references/common-modifications.md1.4 KB
View
references/dark-mode.md2.5 KB
View
references/expressions-clustering.md1.1 KB
View
references/navigation.md3.5 KB
View
references/data-viz-base.md2.3 KB
View
references/real-estate.md2.6 KB
View

Install mapbox-style-patterns

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill