TastefulKit 1 view · 24h
← AI skills

Mapbox Data Visualization Patterns

Builds map-based data interfaces with choropleths, heat maps, data-driven colors, legends and inspectors, with reference patterns for animated and three-dimensional data.

data-visualizationmapscolor-scalesdashboard
View skill source ↗ Repository ↗

80 GitHub stars (repository-wide; checked Oct 17, 2026)

2063 skills.sh installs (checked Oct 17, 2026)

When to use it

Use for regional comparison dashboards and density maps. Keep the references directory for extended patterns. Requires a Mapbox application, suitable geospatial data and service access; the skill license does not cover Mapbox services. Validate scales, keyboard alternatives and performance with real data. Sanitize untrusted values before using the sample HTML popups. Source-reviewed only; not installed or runtime-tested. GitHub stars are repository-wide, not a rating of this skill.

Compatible agents

Claude CodeCursorCodexGitHub Copilot

Installation

Run npx skills add mapbox/mapbox-agent-skills --skill mapbox-data-visualization-patterns. Keep the complete skill folder and references. Ask the agent to use the skill with your data shape and intended map interaction.

Review the source and instructions before installing in your agent.

License

MIT

Last checked Oct 6, 2026.

Pair this skill with a visual reference

A skill guides how your agent works; a design reference shows the direction you want. Choose an example for a specific job, such as the headline hierarchy or form layout, and keep your project's existing design rules explicit.

Start with design references you can inspect, then use our guide to briefing an AI coding agent to turn observations into requirements. If you need implementation components, compare UI libraries for your stack.

These pages are public. Browsing a skill does not install it, and TastefulKit's design-reference MCP tools do not search the AI-skill directory.