skills.rest
RizkLee
RizkLeeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

mapbox-cartography

Apply cartography best practices to Mapbox map styles.

Updated May 18, 2026
Search Tags:#typography#accessibility#visualization#color-theory#mapbox#cartography#map-design
One-click install
npx skills add https://github.com/RizkLee/HNNU-Campus-Guide --skill mapbox-cartography-rizklee
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mapbox-cartography
Source: https://github.com/RizkLee/HNNU-Campus-Guide/tree/main/.agents/skills/mapbox-cartography
Command: npx skills add https://github.com/RizkLee/HNNU-Campus-Guide --skill mapbox-cartography-rizklee

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Cartography guidance for Mapbox maps to improve clarity, aesthetics, and usability by applying established principles of hierarchy, color theory, typography, and accessibility.

Core Features & Use Cases

  • Guidance on visual hierarchy to emphasize user-critical elements like POIs and routes.
  • Color theory and palette recommendations for light, dark, and themed map styles.
  • Typography best practices including label sizing, font choices, and scale-aware placement.
  • Use cases include creating new map styles, selecting colors, and solving visibility/accessibility challenges across zoom levels.

Quick Start

Apply the cartography principles to your Mapbox style by implementing a consistent visual hierarchy, accessible color contrast, and legible typography across common zoom levels.

Frequently Asked Questions about mapbox-cartography

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

FAQPage Schema
What are the best practices for Mapbox map design and cartography?▼

To create a new Mapbox map style, establish a consistent visual hierarchy, apply accessible color contrast, and configure legible typography across common zoom levels. This ensures clarity and usability for user-critical elements like routes.

How do I choose accessible color palettes for light and dark Mapbox themes?▼

Typography in Mapbox styles is configured by selecting appropriate fonts, setting label sizing, and applying scale-aware placement rules. This ensures text legibility remains consistent across different zoom levels and map densities.

Do I need any design dependencies to use this cartography guidance for Mapbox?▼

Visual hierarchy in Mapbox cartography improves map clarity by emphasizing user-critical elements such as points of interest and navigation routes. It organizes map features so users can quickly identify relevant information without visual clutter.

How do I solve visibility and accessibility challenges across Mapbox zoom levels?▼

Visibility and accessibility challenges across Mapbox zoom levels are solved by implementing scale-aware rules for typography, label sizing, and color contrast. This approach maintains element legibility and visual hierarchy as users zoom in and out.

Related Skills

Explore More Design & Creative Skills→
spqwspqw

observable-framework-lib-mapbox-gl

Integrate Mapbox GL JS interactive vector tile maps into Observable Framework projects.

Community
Intermediate
tututwotututwo

deckgl-mapbox-style-stack

Place deck.gl layers with beforeId or slot-based ordering for correct Mapbox visual hierarchy.

Community
Intermediate
augustsclaugustscl
2

amap-lbs-skill

Integrate Amap Web Services for POI search, route planning, and heatmap visualization.

Community
Advanced
spqwspqw

observable-framework-themes

Apply and customize light and dark themes in Observable Framework projects.

Community
Basic