mapbox-mcp-devkit-patterns

bởi mapbox

Các mẫu tích hợp cho Mapbox MCP DevKit Server trong các trợ lý mã hóa AI. Bao gồm thiết lập, quản lý phong cách, quản lý token, quy trình xác thực và…

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

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:

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

Token management — use these exact steps:

  1. Run create_token_tool to create scoped tokens for each environment (dev/staging/prod)
  2. 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

Thêm skills từ mapbox

mapbox-android-patterns
mapbox
Các mẫu tích hợp chính thức cho Mapbox Maps SDK trên Android. Bao gồm cài đặt, thêm điểm đánh dấu, vị trí người dùng, dữ liệu tùy chỉnh, kiểu dáng, điều khiển camera, và…
official
mapbox-cartography
mapbox
Hướng dẫn chuyên sâu về các nguyên tắc thiết kế bản đồ, lý thuyết màu sắc, phân cấp trực quan, kiểu chữ và các phương pháp bản đồ tốt nhất để tạo ra những bản đồ hiệu quả và đẹp mắt…
official
mapbox-data-visualization-patterns
mapbox
Các mẫu trực quan hóa dữ liệu trên bản đồ bao gồm bản đồ choropleth, bản đồ nhiệt, trực quan hóa 3D, tạo kiểu dựa trên dữ liệu và dữ liệu động. Bao gồm các loại lớp,…
official
mapbox-geospatial-operations
mapbox
Hướng dẫn chuyên sâu về cách chọn công cụ không gian địa lý phù hợp dựa trên loại vấn đề, yêu cầu độ chính xác và nhu cầu hiệu suất
official
mapbox-google-maps-migration
mapbox
Hướng dẫn di chuyển dành cho nhà phát triển chuyển từ Google Maps Platform sang Mapbox GL JS, bao gồm các API tương đương, cách chuyển đổi mẫu mã và những khác biệt chính.
official
mapbox-ios-patterns
mapbox
Các mẫu tích hợp chính thức cho Mapbox Maps SDK trên iOS. Bao gồm cài đặt, thêm điểm đánh dấu, vị trí người dùng, dữ liệu tùy chỉnh, kiểu, điều khiển camera, và…
official
mapbox-location-grounding
mapbox
Kết hợp các công cụ Mapbox MCP để tạo ra các phản hồi có căn cứ, trích dẫn và nhận biết vị trí từ dữ liệu trực tiếp thay vì dữ liệu huấn luyện.
official
mapbox-maplibre-migration
mapbox
Hướng dẫn di chuyển từ MapLibre GL JS sang Mapbox GL JS, bao gồm khả năng tương thích API, thiết lập token, cấu hình style và lợi ích của bản chính thức từ Mapbox…
official