skills.rest
yiguanxianyu
yiguanxianyuCOMMUNITY
Explore all skills by this author →
GitHub

mapbox-cartography

Apply cartographic design principles to Mapbox map creation workflows.

1|1|Updated May 30, 2026
Search Tags:#color theory#visual hierarchy#Mapbox#cartography#map design
One-click install
npx skills add https://github.com/yiguanxianyu/GeoManager --skill mapbox-cartography-yiguanxianyu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mapbox-cartography
Source: https://github.com/yiguanxianyu/GeoManager/tree/main/.agents/skills/mapbox-cartography
Command: npx skills add https://github.com/yiguanxianyu/GeoManager --skill mapbox-cartography-yiguanxianyu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill solves the challenge of creating effective, beautiful, and functional maps using Mapbox, guiding users through design principles, color theory, and cartographic best practices.

Core Features & Use Cases

  • Design Principles: Provides guidance on visual hierarchy, figure-ground relationship, and color theory.
  • Color Best Practices: Offers accessible color contrast, colorblind-safe palettes, and typography at map scale.
  • Data Visualization: Explains choropleth maps and proportional symbols for point data.
  • Use Case: A map designer needs to create a navigation map and requires best practices for route visibility and color selection.

Quick Start

Use the mapbox-cartography skill to design a navigation map with a clear route and high contrast colors for easy readability.

Frequently Asked Questions about mapbox-cartography

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

FAQPage Schema
How do I apply color theory and visual hierarchy to a Mapbox map design?▼

You can apply color theory and visual hierarchy in Mapbox by utilizing design principles like figure-ground relationships and accessible color contrast to ensure effective visual communication.

What are the best practices for choosing accessible colors for data visualization in Mapbox?▼

Accessible colors for Mapbox data visualization rely on colorblind-safe palettes and high contrast ratios to ensure that choropleth maps and proportional symbols remain readable for all users.

How do I design a navigation map in Mapbox with high contrast colors?▼

Design a navigation map in Mapbox by prioritizing route visibility, applying high contrast colors for easy readability, and establishing a clear visual hierarchy to guide the viewer's eye effectively.

Does Mapbox cartography support colorblind-safe palettes for choropleth maps?▼

Mapbox cartography supports colorblind-safe palettes for choropleth maps by providing specific color best practices that ensure accessible contrast and clear data visualization across different visual abilities.

How does typography scale work when designing maps with Mapbox?▼

Typography at map scale in Mapbox involves adjusting text legibility relative to zoom levels and visual hierarchy, ensuring labels remain readable without cluttering the underlying geographic data.

What is the best way to visualize point data using proportional symbols in Mapbox?▼

The best way to visualize point data in Mapbox is using proportional symbols, a cartographic technique that scales symbol sizes to represent data values accurately within the map's visual hierarchy.

Related Skills

Explore More Design & Creative Skills→
chestnut0698chestnut0698

mapbox-cartography

Apply cartographic design principles to create Mapbox map styles.

Community
Advanced
JNZaderJNZader

maplibre-mapbox-migration

Migrate Mapbox GL JS apps to MapLibre GL JS by updating packages, imports, and style sources.

Community
Intermediate
YlopoYlopo

mapbox-data-visualization-patterns

Create choropleth, heat, and 3D maps with Mapbox GL JS.

Official
Advanced
david-saintdavid-saint

mapbox-cartography

Guide Mapbox map design with color theory and visual hierarchy.

Community
Advanced