mapbox-cartography

Apply cartographic design principles to Mapbox map styles.

Updated Mar 29, 2026
One-click install
npx skills add https://github.com/Ylopo/Shana-Gates --skill mapbox-cartography-ylopo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mapbox-cartography
Source: https://github.com/Ylopo/Shana-Gates/tree/main/.agents/skills/mapbox-cartography
Command: npx skills add https://github.com/Ylopo/Shana-Gates --skill mapbox-cartography-ylopo

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides expert cartographic knowledge to help you design effective, beautiful, and functional maps using Mapbox, solving issues related to map design principles, color theory, visual hierarchy, typography, and cartographic best practices.

Core Features & Use Cases

  • Map Design Principles: Learn principles of visual hierarchy, figure-ground relationship, and color theory for map design.
  • Typography: Gain knowledge on font selection and label sizing at map scale.
  • Zoom Level Strategy: Understand how to tailor your map style to different zoom levels.
  • Use Case: If you're working on a navigation app, use this Skill to create clear and informative maps for users.

Quick Start

Use the mapbox-cartography skill to style a map with a light theme and ensure high contrast for 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 Mapbox map design?

To apply color theory and visual hierarchy to Mapbox map design, use cartographic principles to establish figure-ground relationships and select palettes that optimize readability and effective map styles.

What's the best way to optimize map typography and label sizing for different zoom levels in Mapbox?

Optimize Mapbox typography and label sizing by adjusting font selection and label dimensions according to map scale, ensuring text remains legible and appropriately weighted across different zoom levels.

How do I create a high-contrast light theme for a Mapbox navigation app?

Create a high-contrast light theme for a Mapbox navigation app by applying cartographic design principles that prioritize clear visual hierarchy and figure-ground relationships for informative user displays.

Does this map design guidance cover zoom-level strategy for Mapbox styles?

Yes, this map design guidance covers zoom-level strategy for Mapbox styles, providing instructions on how to tailor your map's appearance and visual elements to display effectively at different zoom scales.

Why does my Mapbox map style lack visual hierarchy and readability?

Your Mapbox map style may lack readability if it ignores cartographic principles like visual hierarchy, figure-ground relationship, and color theory, which are essential for creating functional and clear map designs.

Can I use this cartography Skill to design maps for platforms other than Mapbox?

While the cartography principles like color theory and typography are universal, this guidance is specifically tailored for Mapbox map design, focusing on Mapbox styles, palettes, and zoom-level optimizations.