mapbox avatar

Mapbox Style Patterns

Six proven Mapbox style configurations for the usual suspects: restaurant finders, real estate, data viz, navigation, delivery tracking, and dark mode. Each pattern includes full layer configs with paint properties, filters, and zoom stops already dialed in. The decision tree helps you pick the right starting point based on what you're mapping and where it'll run. What's nice is the reference files break out specialty stuff like clustering and 3D buildings separately, so you're not wading through options you don't need. If you're tired of tweaking line widths and label halos from scratch every project, these are solid defaults that actually work on mobile.

skills.sh installs
2.4K
GitHub stars
86
last updated
Aug 21, 2026

Install

$ npx -y skills add mapbox/mapbox-agent-skills --skill mapbox-style-patterns --agent claude-code

Installs into .claude/skills of the current project.

Files

Mapbox Style Patterns Skill

This skill provides battle-tested style patterns and layer configurations for common mapping scenarios.

Pattern Library

Pattern 1: Restaurant/POI Finder

Use case: Consumer app showing restaurants, cafes, bars, or other points of interest

Visual requirements:

  • POIs must be immediately visible
  • Street context for navigation
  • Neutral background (photos/content overlay)
  • Mobile-optimized

Recommended layers:

Sponsors

Details

Repository
github.com/mapbox/mapbox-agent-skills
Categories
Code Review & Quality, AI & Agent Building, Data Science & ML
First seen
Apr 16, 2026

More from mapbox/mapbox-agent-skills

All 18
1modem-dev avatarhunk-reviewmodem-dev/hunkInteracts with live Hunk diff review sessions via CLI. Inspects review focus, navigates files and hunks, reloads session contents, and adds inline review commen2.4Kskills.sh installs
2cursor avatarpr-review-canvascursor/pluginsGenerate an interactive PR review walkthrough as an HTML page. Fetches PR data via gh API, categorizes files into core vs mechanical changes, adds reviewer anno2.4Kskills.sh installs
3daleseo avatarstyle-guidedaleseo/korean-skills문서 내부 또는 프로젝트 전체에서 일관된 작성 스타일을 유지하도록 돕는 검사기. 어조(경어체/반말), 용어(사용자/유저), 숫자 형식, 목록 스타일, 따옴표, 날짜/시간 형식의 불일치를 감지합니다. 다중 작성자 문서 검토 시, 프로젝트 전체 용어 표준 유지 시, 공식 문서 준비 시, 브2.4Kskills.sh installs
4k-dense-ai avatarpeer-reviewk-dense-ai/scientific-agent-skillsPrepare evidence-bounded, constructive peer-review drafts and structured manuscript assessments. Use for authorized review of scientific manuscripts, protocols,2.3Kskills.sh installs
5owl-listener avatarinformation-architectureowl-listener/designer-skillsDesign the structure, hierarchy, and navigation model for a product's content and features.2.2Kskills.sh installs
6cocoon-ai avatararchitecture-diagramcocoon-ai/architecture-diagram-generatorCreate polished dark-themed architecture diagrams as self-contained HTML+SVG files. Use when the user asks for system, infrastructure, cloud, security, or netwo2.2Kskills.sh installs