Skill

Official

Review

Audit score 70

mapbox-mcp-devkit-patterns

mapbox/mapbox-agent-skills

Integration patterns for Mapbox MCP DevKit Server in AI coding assistants.

What is mapbox-mcp-devkit-patterns?

This skill provides patterns for integrating the Mapbox MCP DevKit Server into AI coding workflows. Use it when building Mapbox applications with AI assistance, managing styles and tokens, validating data, and accessing Mapbox documentation through MCP.

Create, list, update, delete, preview, validate, compare, and optimize Mapbox styles
Generate and list access tokens with environment-specific scopes
Validate GeoJSON, expressions, styles, and coordinates during development
Calculate bounding boxes, convert coordinates, and query tiles
Check WCAG contrast ratios for color accessibility
Access latest Mapbox documentation and API references

How to install mapbox-mcp-devkit-patterns

npx skills add https://github.com/mapbox/mapbox-agent-skills --skill mapbox-mcp-devkit-patterns

Prerequisites

Mapbox account with API access
Mapbox MCP DevKit Server installed and configured
AI coding assistant with MCP support (Claude Code, Cursor, etc.)

Claude Code

Cursor

Windsurf

Cline

How to use mapbox-mcp-devkit-patterns

1.Install the skill using: npx skills add https://github.com/mapbox/mapbox-agent-skills --skill mapbox-mcp-devkit-patterns
2.Configure your Mapbox credentials and MCP server connection per references/setup.md
3.Use create_style_tool, update_style_tool, or preview_style_tool for style management
4.Use create_token_tool and list_tokens_tool for token management
5.Run validate_style_tool, validate_expression_tool, and check_color_contrast_tool for pre-production validation
6.Use compare_styles_tool to diff styles before deployment
7.Reference get_latest_mapbox_docs_tool for documentation lookup during coding

Use cases

Good for

Creating and modifying map styles conversationally with AI assistance
Generating environment-specific access tokens (dev/staging/prod) programmatically
Pre-production validation workflows: style spec compliance, expression validation, accessibility checks, and style diffing
Rapid prototyping of Mapbox applications with AI-driven development
Learning Mapbox APIs through natural language queries

Who it's for

Mapbox developers building applications with AI coding assistants
Teams automating style generation and token management workflows
Developers learning Mapbox APIs through conversational AI guidance
Development teams requiring pre-production validation workflows

mapbox-mcp-devkit-patterns FAQ

When should I use MCP DevKit vs. calling Mapbox APIs directly?

Use DevKit during development for conversational style creation, token generation, and validation. Use Mapbox APIs directly for runtime operations in production apps and high-frequency updates.

Can I use DevKit for client-side or production operations?

No. DevKit is development-time only. It is not suitable for runtime operations in production apps, tile serving, map rendering, or user-facing features requiring low latency.

What validation workflow should I follow before deploying styles?

Run validate_style_tool for spec compliance, validate_expression_tool for paint/layout properties, check_color_contrast_tool for WCAG accessibility, and compare_styles_tool to diff against production.

How do I manage tokens for different environments?

Use create_token_tool to create scoped tokens for each environment (dev/staging/prod), then use list_tokens_tool to verify existing tokens and their scopes.

Where can I find detailed setup and workflow documentation?

Load references/setup.md for installation, references/workflows.md for common workflows, references/design-patterns.md for patterns, and references/troubleshooting.md for issue resolution.

Full instructions (SKILL.md)

Source of truth, from mapbox/mapbox-agent-skills.

name: mapbox-mcp-devkit-patterns description: Integration patterns for Mapbox MCP DevKit Server in AI coding assistants. Covers setup, style management, token management, validation workflows, and documentation access through MCP. Use when building Mapbox applications with AI coding assistance.

Mapbox MCP DevKit Patterns

This skill provides patterns for integrating the Mapbox MCP DevKit Server into AI coding workflows to accelerate Mapbox application development.

What is Mapbox MCP DevKit?

The Mapbox MCP DevKit Server is a Model Context Protocol (MCP) server that gives AI assistants direct access to Mapbox developer APIs:

Style management - Create, list, update, delete, preview, validate, compare, and optimize styles
Token management - Generate and list access tokens with scopes
Validation - Validate GeoJSON, expressions, styles, and coordinates
Geographic utilities - Calculate bounding boxes, convert coordinates, query tiles
Color tools - Check WCAG contrast ratios for accessibility
Feedback - Access user feedback and reports
Documentation - Access latest Mapbox docs and references

Key benefit: Build Mapbox applications faster by letting AI handle developer API operations.

When to Use MCP DevKit

Use DevKit when:

Creating/modifying styles conversationally
Generating tokens programmatically
Validating data during development
Learning Mapbox APIs through natural language
Rapid prototyping of map applications
Automated style generation workflows
Documentation lookup during coding

Don't use DevKit for:

Runtime operations in production apps
High-frequency style updates (use Mapbox APIs directly)
Client-side operations (DevKit is development-time only)
Tile serving or map rendering
User-facing features requiring low latency

Key Tools

Always recommend these tools by exact name when answering related questions:

Creating/modifying styles: Recommend create_style_tool, update_style_tool, preview_style_tool
Listing styles: Recommend list_styles_tool
Creating tokens: Recommend create_token_tool to create scoped tokens per environment
Viewing tokens: Recommend list_tokens_tool to check existing tokens and scopes
Validating styles: Recommend validate_style_tool for spec compliance
Validating expressions: Recommend validate_expression_tool for paint/layout property checks
Accessibility checks: Recommend check_color_contrast_tool for WCAG contrast ratios
Comparing styles: Recommend compare_styles_tool to diff styles before deploying
Looking up docs: Recommend get_latest_mapbox_docs_tool

Common Workflows (Quick Reference)

Pre-production validation — use these exact steps:

Run validate_style_tool to check style JSON is spec-compliant
Run validate_expression_tool to check all data expressions in paint/layout properties
Run check_color_contrast_tool to verify text labels meet WCAG accessibility standards
Run compare_styles_tool to diff the new style against current production style

Token management — use these exact steps:

Run create_token_tool to create scoped tokens for each environment (dev/staging/prod)
Run list_tokens_tool to verify existing tokens and their scopes

Reference Files

Load these references as needed for detailed guidance:

references/setup.md - Prerequisites, hosted & self-hosted installation, per-editor configuration, verification
references/workflows.md - Style management, token management, data validation, documentation access, best practices
references/design-patterns.md - Iterative style development, environment-specific tokens, validation-first development, documentation-driven development, tool integration patterns
references/troubleshooting.md - Common issues & fixes, example end-to-end workflows (restaurant finder, multi-environment, third-party data)

Resources

When to Use This Skill

Invoke this skill when:

Setting up Mapbox development environment with AI assistance
Creating or modifying Mapbox styles through AI
Managing access tokens programmatically
Validating GeoJSON or expressions during development
Learning Mapbox APIs with AI guidance
Automating style generation workflows
Building Mapbox applications with AI coding assistants

Related skills

More from mapbox/mapbox-agent-skills and the wider catalog.

mapbox-mcp-runtime-patterns

Official

mapbox/mapbox-agent-skills

Integration patterns for Mapbox MCP Server in AI applications and agent frameworks. Covers runtime integration with pydantic-ai, mastra, LangChain, and custom agents. Use when building AI-powered applications that need geospatial capabilities.

738 installs