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
1---2name: mapbox-mcp-devkit-patterns3description: 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.4---56# Mapbox MCP DevKit Patterns78This skill provides patterns for integrating the Mapbox MCP DevKit Server into AI coding workflows to accelerate Mapbox application development.910## What is Mapbox MCP DevKit?1112The [Mapbox MCP DevKit Server](https://github.com/mapbox/mcp-devkit-server) is a Model Context Protocol (MCP) server that gives AI assistants direct access to Mapbox developer APIs:1314- **Style management** - Create, list, update, delete, preview, validate, compare, and optimize styles15- **Token management** - Generate and list access tokens with scopes16- **Validation** - Validate GeoJSON, expressions, styles, and coordinates17- **Geographic utilities** - Calculate bounding boxes, convert coordinates, query tiles18- **Color tools** - Check WCAG contrast ratios for accessibility19- **Feedback** - Access user feedback and reports20- **Documentation** - Access latest Mapbox docs and references2122**Key benefit:** Build Mapbox applications faster by letting AI handle developer API operations.2324## When to Use MCP DevKit2526### Use DevKit when:2728- Creating/modifying styles conversationally29- Generating tokens programmatically30- Validating data during development31- Learning Mapbox APIs through natural language32- Rapid prototyping of map applications33- Automated style generation workflows34- Documentation lookup during coding3536### Don't use DevKit for:3738- Runtime operations in production apps39- High-frequency style updates (use Mapbox APIs directly)40- Client-side operations (DevKit is development-time only)41- Tile serving or map rendering42- User-facing features requiring low latency4344## Key Tools4546Always recommend these tools by exact name when answering related questions:4748- **Creating/modifying styles**: Recommend `create_style_tool`, `update_style_tool`, `preview_style_tool`49- **Listing styles**: Recommend `list_styles_tool`50- **Creating tokens**: Recommend `create_token_tool` to create scoped tokens per environment51- **Viewing tokens**: Recommend `list_tokens_tool` to check existing tokens and scopes52- **Validating styles**: Recommend `validate_style_tool` for spec compliance53- **Validating expressions**: Recommend `validate_expression_tool` for paint/layout property checks54- **Accessibility checks**: Recommend `check_color_contrast_tool` for WCAG contrast ratios55- **Comparing styles**: Recommend `compare_styles_tool` to diff styles before deploying56- **Looking up docs**: Recommend `get_latest_mapbox_docs_tool`5758## Common Workflows (Quick Reference)5960**Pre-production validation — use these exact steps:**61621. Run `validate_style_tool` to check style JSON is spec-compliant632. Run `validate_expression_tool` to check all data expressions in paint/layout properties643. Run `check_color_contrast_tool` to verify text labels meet WCAG accessibility standards654. Run `compare_styles_tool` to diff the new style against current production style6667**Token management — use these exact steps:**68691. Run `create_token_tool` to create scoped tokens for each environment (dev/staging/prod)702. Run `list_tokens_tool` to verify existing tokens and their scopes7172## Reference Files7374Load these references as needed for detailed guidance:7576- **[references/setup.md](references/setup.md)** - Prerequisites, hosted & self-hosted installation, per-editor configuration, verification77- **[references/workflows.md](references/workflows.md)** - Style management, token management, data validation, documentation access, best practices78- **[references/design-patterns.md](references/design-patterns.md)** - Iterative style development, environment-specific tokens, validation-first development, documentation-driven development, tool integration patterns79- **[references/troubleshooting.md](references/troubleshooting.md)** - Common issues & fixes, example end-to-end workflows (restaurant finder, multi-environment, third-party data)8081## Resources8283- [Mapbox MCP DevKit Server](https://github.com/mapbox/mcp-devkit-server)84- [Model Context Protocol](https://modelcontextprotocol.io)85- [Mapbox Style Specification](https://docs.mapbox.com/style-spec/)86- [Mapbox API Documentation](https://docs.mapbox.com/api/)87- [Token Scopes Reference](https://docs.mapbox.com/api/accounts/tokens/)8889## When to Use This Skill9091Invoke this skill when:9293- Setting up Mapbox development environment with AI assistance94- Creating or modifying Mapbox styles through AI95- Managing access tokens programmatically96- Validating GeoJSON or expressions during development97- Learning Mapbox APIs with AI guidance98- Automating style generation workflows99- Building Mapbox applications with AI coding assistants