mapbox-style-patterns

Provides Mapbox style patterns and layer configurations for mapping scenarios.

1|1|Updated May 30, 2026
One-click install
npx skills add https://github.com/yiguanxianyu/GeoManager --skill mapbox-style-patterns-yiguanxianyu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mapbox-style-patterns
Source: https://github.com/yiguanxianyu/GeoManager/tree/main/.agents/skills/mapbox-style-patterns
Command: npx skills add https://github.com/yiguanxianyu/GeoManager --skill mapbox-style-patterns-yiguanxianyu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires mapbox-gl-js, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a comprehensive library of Mapbox style patterns, solving the challenge of creating visually appealing and functional maps for various use cases.

Core Features & Use Cases

  • Pattern Library: Offers a wide range of patterns for POI finders, real estate, data visualization, navigation, delivery/logistics, and more.
  • Layer Configurations: Provides detailed layer configurations for common mapping scenarios.
  • Quick Reference: Includes a quick reference for common style patterns, layer configurations, and data-driven styling.

Quick Start

Load the relevant reference file that matches the user's use case. For example, if implementing a delivery tracking map, load references/delivery-logistics.md.

Frequently Asked Questions about mapbox-style-patterns

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure Mapbox layer configurations for data visualization?

Mapbox layer configurations for data visualization are set by loading specific reference files that provide detailed style patterns for various mapping scenarios. These patterns include data-driven styling, clustering, and performance optimization techniques.

What's the best way to implement data-driven styling in Mapbox GL JS?

Data-driven styling in Mapbox GL JS is implemented using provided style patterns that dynamically adjust visual attributes based on underlying data properties. The Skill includes quick reference guides specifically for configuring these dynamic layer styles.

Do I need Mapbox GL JS to use these map style patterns?

Yes, Mapbox GL JS is a required dependency to implement these map style patterns and layer configurations. The provided patterns rely on its rendering engine and data sources to function correctly across various mapping scenarios.

Can I find Mapbox style patterns for specific use cases like delivery tracking?

Yes, the pattern library offers targeted style patterns for specific use cases like delivery tracking, real estate, POI finders, and navigation. You load the matching reference file, such as the delivery-logistics reference, to apply the configurations.

How does clustering work in Mapbox style configurations?

Clustering in Mapbox style configurations groups nearby data points into single visual markers to enhance map readability at lower zoom levels. The Skill provides specific layer configurations and patterns to implement this data visualization technique.

What are the limitations of using predefined Mapbox layer configurations?

Predefined Mapbox layer configurations are limited by their dependency on Mapbox GL JS and compatible data sources. Users must ensure their specific data structure aligns with the pattern's expected inputs to avoid rendering issues.