mapbox-mcp-devkit-patterns
作者: mapbox
Mapbox MCP DevKit Server 在 AI 程式碼輔助工具中的整合模式,涵蓋設定、樣式管理、權杖管理、驗證工作流程等。
npx skills add https://github.com/mapbox/mapbox-agent-skills --skill mapbox-mcp-devkit-patternsMapbox 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_toolto create scoped tokens per environment - Viewing tokens: Recommend
list_tokens_toolto check existing tokens and scopes - Validating styles: Recommend
validate_style_toolfor spec compliance - Validating expressions: Recommend
validate_expression_toolfor paint/layout property checks - Accessibility checks: Recommend
check_color_contrast_toolfor WCAG contrast ratios - Comparing styles: Recommend
compare_styles_toolto 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_toolto check style JSON is spec-compliant - Run
validate_expression_toolto check all data expressions in paint/layout properties - Run
check_color_contrast_toolto verify text labels meet WCAG accessibility standards - Run
compare_styles_toolto diff the new style against current production style
Token management — use these exact steps:
- Run
create_token_toolto create scoped tokens for each environment (dev/staging/prod) - Run
list_tokens_toolto 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
- Mapbox MCP DevKit Server
- Model Context Protocol
- Mapbox Style Specification
- Mapbox API Documentation
- Token Scopes Reference
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
來自 mapbox 的更多技能
mapbox-android-patterns
mapbox
Mapbox Maps SDK 在 Android 上的官方整合模式,涵蓋安裝、新增標記、使用者位置、自訂資料、樣式、相機控制等。
official
mapbox-cartography
mapbox
地圖設計原則、色彩理論、視覺層次、字體排版及製圖最佳實務的專家指導,協助創作出既有效又美觀的地圖…
official
mapbox-data-visualization-patterns
mapbox
地圖資料視覺化的模式,包括分區統計圖、熱力圖、3D視覺化、資料驅動樣式及動態資料。涵蓋圖層類型、…
official
mapbox-geospatial-operations
mapbox
根據問題類型、精確度要求及效能需求,提供選擇合適地理空間工具的專業指導。
official
mapbox-google-maps-migration
mapbox
為從 Google Maps Platform 遷移至 Mapbox GL JS 的開發者提供的遷移指南,涵蓋 API 對應、模式轉換及主要差異。
official
mapbox-ios-patterns
mapbox
Mapbox Maps SDK 在 iOS 上的官方整合模式,涵蓋安裝、加入標記、使用者位置、自訂資料、樣式、相機控制等內容。
official
mapbox-location-grounding
mapbox
組合 Mapbox MCP 工具,從即時數據而非訓練數據中產生有根據、有引用的位置感知回應。
official
mapbox-maplibre-migration
mapbox
從 MapLibre GL JS 遷移至 Mapbox GL JS 的指南,涵蓋 API 相容性、Token 設定、樣式配置,以及 Mapbox 官方…的優勢。
official