Memungkinkan AI assistant untuk berinteraksi dengan layanan Mapbox, mengelola style, membuat access token, dan mengakses referensi API developer.
Juga dikenal sebagai mapbox/mcp-devkit-server, @mapbox/mcp-devkit-server
- Stars
- 62
- Tools
- 59
- Unduhan, 30 hari
- —
- Versi terbaru
- 0.10.0
- Commit terakhir
- 11 Nov 2026
- Lisensi
- MIT
Apa itu Mapbox Developer Devkit MCP?
Mapbox Developer Devkit adalah MCP server. Memungkinkan AI assistant untuk berinteraksi dengan layanan Mapbox, mengelola style, membuat access token, dan mengakses referensi API developer. Server ini menyediakan 59 tool, seperti resource, note, scopes.
Ringkasan dibuat dari README proyek
Tentang Mapbox Developer Devkit MCP server
Membangun aplikasi Mapbox menjadi lebih efisien saat developer menggunakan MCP server ini untuk berinteraksi langsung dengan layanan Mapbox melalui AI assistant. Server ini memungkinkan manajemen map styles secara terprogram, pembuatan access token, dan pengambilan referensi API developer. Server ini dapat diintegrasikan ke berbagai environment termasuk Claude Desktop, Claude Code, Cursor, dan VS Code dengan GitHub Copilot.
User harus menyediakan Mapbox access token melalui environment variable MAPBOX_ACCESS_TOKEN, serta memastikan token tersebut memiliki scope spesifik yang dibutuhkan untuk setiap tool, seperti styles:write untuk membuat style atau tokens:read untuk mengelola akses. Server ini menyediakan rangkaian tool pemrosesan lokal termasuk tool preview GeoJSON, konversi koordinat, dan utilitas bounding box. Server ini juga menawarkan kemampuan manajemen style seperti Style Builder Tool dan ValidateStyleTool untuk verifikasi JSON secara offline. Developer juga dapat mengelola akun mereka dengan menampilkan daftar atau membuat token dengan batasan URL dan waktu kedaluwarsa tertentu.
Apa yang bisa Anda lakukan dengannya
- 1Manajemen style secara terprogramAI assistant dapat membuat, memperbarui, atau menghapus Mapbox styles berdasarkan prompt percakapan.
- 2Generasi token otomatisDeveloper dapat menginstruksikan AI untuk membuat Mapbox access token baru dengan izin dan batasan URL tertentu.
- 3Validasi map styleAnda dapat menggunakan server ini untuk memeriksa JSON Mapbox style terhadap spesifikasi resmi tanpa perlu akses API.
- 4Mengakses referensi teknisAI dapat mengambil definisi field spesifik untuk Mapbox Streets v8 atau pemetaan tipe layer.
Ditulis berdasarkan README proyek. Setiap use case diperiksa terhadap kutipan dari README tersebut.
Cara menginstal Mapbox Developer Devkit MCP
Format diverifikasi 10 Nov 2026Instal Mapbox Developer Devkit MCP di Claude Code
$ claude mcp add --env MAPBOX_ACCESS_TOKEN=<YOUR_MAPBOX_ACCESS_TOKEN> mcp-devkit-server -- npx -y @mapbox/mcp-devkit-serverInstal Mapbox Developer Devkit MCP di Cursor
~/.cursor/mcp.json
{
"mcpServers": {
"mcp-devkit-server": {
"command": "npx",
"args": [
"-y",
"@mapbox/mcp-devkit-server"
],
"env": {
"MAPBOX_ACCESS_TOKEN": "<YOUR_MAPBOX_ACCESS_TOKEN>"
}
}
}
}Instal Mapbox Developer Devkit MCP di VS Code
.vscode/mcp.json
{
"servers": {
"mcp-devkit-server": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@mapbox/mcp-devkit-server"
],
"env": {
"MAPBOX_ACCESS_TOKEN": "<YOUR_MAPBOX_ACCESS_TOKEN>"
}
}
}
}Instal Mapbox Developer Devkit MCP di Claude Desktop
claude_desktop_config.json
{
"mcpServers": {
"mcp-devkit-server": {
"command": "npx",
"args": [
"-y",
"@mapbox/mcp-devkit-server"
],
"env": {
"MAPBOX_ACCESS_TOKEN": "<YOUR_MAPBOX_ACCESS_TOKEN>"
}
}
}
}Instal Mapbox Developer Devkit MCP di Codex
~/.codex/config.toml
[mcp_servers.mcp-devkit-server] command = "npx" args = ["-y", "@mapbox/mcp-devkit-server"] [mcp_servers.mcp-devkit-server.env] MAPBOX_ACCESS_TOKEN = "<YOUR_MAPBOX_ACCESS_TOKEN>"
Instal Mapbox Developer Devkit MCP di Gemini CLI
~/.gemini/settings.json
{
"mcpServers": {
"mcp-devkit-server": {
"command": "npx",
"args": [
"-y",
"@mapbox/mcp-devkit-server"
],
"env": {
"MAPBOX_ACCESS_TOKEN": "<YOUR_MAPBOX_ACCESS_TOKEN>"
}
}
}
}Tool Mapbox Developer Devkit MCP 59
Terdeteksi dari READMEresourcenotescopesallowedUrlsexpiresstylesfontsdatasetsvisiondefaultlimitsortby
| resource | — | |
| note | — | |
| scopes | — | |
| allowedUrls | — | |
| expires | — | |
| styles | — | |
| fonts | — | |
| datasets | — | |
| vision | — | |
| default | — | |
| limit | — | |
| sortby | — |
Tampilkan semua 59 toolTampilkan lebih sedikit tool
startusagefeedback_idsaftersort_byorderstatuscategorysearchtrace_idformatfeedback_idgeojsonvaliderrorswarningsinfostatisticsseveritymessagepathsuggestionexpressionmetadatacoordinatesfromCRStoCRSminXminYmaxXmaxYforegroundColorbackgroundColorlevelfontSizecontrastRatiopassesminimumRequiredwcagRequirementsrecommendationsstyleoptimizationsoptimizedStylesummarypreview_style_toolgeojson_preview_toolstyle_comparison_tool
| start | — | |
| usage | — | |
| feedback_ids | — | |
| after | — | |
| sort_by | — | |
| order | — | |
| status | — | |
| category | — | |
| search | — | |
| trace_id | — | |
| format | — | |
| feedback_id | — | |
| geojson | — | |
| valid | — | |
| errors | — | |
| warnings | — | |
| info | — | |
| statistics | — | |
| severity | — | |
| message | — | |
| path | — | |
| suggestion | — | |
| expression | — | |
| metadata | — | |
| coordinates | — | |
| fromCRS | — | |
| toCRS | — | |
| minX | — | |
| minY | — | |
| maxX | — | |
| maxY | — | |
| foregroundColor | — | |
| backgroundColor | — | |
| level | — | |
| fontSize | — | |
| contrastRatio | — | |
| passes | — | |
| minimumRequired | — | |
| wcagRequirements | — | |
| recommendations | — | |
| style | — | |
| optimizations | — | |
| optimizedStyle | — | |
| summary | — | |
| preview_style_tool | — | |
| geojson_preview_tool | — | |
| style_comparison_tool | — |
Konfigurasi
MAPBOX_ACCESS_TOKENWajibRahasiaYour Mapbox access token. See docs for required scopes.
ENABLE_MCP_UIOTEL_EXPORTER_OTLP_ENDPOINTOTEL_SERVICE_NAMEOTEL_TRACES_SAMPLEROTEL_TRACES_SAMPLER_ARG
| Nama | Deskripsi | Tipe |
|---|---|---|
| MAPBOX_ACCESS_TOKEN | Your Mapbox access token. See docs for required scopes. | WajibRahasia |
| ENABLE_MCP_UI | — | |
| OTEL_EXPORTER_OTLP_ENDPOINT | — | |
| OTEL_SERVICE_NAME | — | |
| OTEL_TRACES_SAMPLER | — | |
| OTEL_TRACES_SAMPLER_ARG | — |
Pengecekan otomatis
Berjalan 12 Nov 2026Laporan lengkap →Lolos checks otomatis kami. Ini bukan audit keamanan: baca kodenya dan berikan server akses paling terbatas yang dibutuhkannya. Cara kerja checks
- Source repository terhubung dan dapat dijangkauLolos
- Lisensi open source (OSI)Lolos
- Ada commit atau release dalam satu tahun terakhirLolos
- Nama package tidak mirip dengan package populerLolos
- Remote endpoint menggunakan HTTPSLolos
- Tools yang bersifat destruktif telah diberi labelLolos
- Tidak ada instruksi tersembunyi untuk modelLolos
- Tidak ada advisory kritis di paket maupun dependensinyaLolos
README
Lihat di GitHubMapbox Developer MCP Server
A Model Context Protocol (MCP) server that provides AI assistants with direct access to Mapbox developer APIs. This server enables AI models to interact with Mapbox services, helping developers build Mapbox applications more efficiently.
Looking for Mapbox documentation access? Use mcp-docs-server alongside this server — it provides AI assistants with access to Mapbox documentation, guides, and API references from docs.mapbox.com.
https://github.com/user-attachments/assets/8b1b8ef2-9fba-4951-bc9a-beaed4f6aff6
Table of Contents
- Mapbox Developer MCP Server
Quick Start
Integration with Developer Tools
Get started by integrating with your preferred AI development environment:
- Claude Code Integration - Command-line development with Claude
- Claude Desktop Integration - Desktop application integration
- Cursor Integration - Cursor IDE integration
- VS Code Integration - Visual Studio Code with GitHub Copilot
DXT Package Distribution
This MCP server can be packaged as a DXT (Desktop Extension) file for easy distribution and installation. DXT is a standardized format for distributing local MCP servers, similar to browser extensions.
Creating the DXT Package
To create a DXT package:
# Install the DXT CLI tool
npm install -g @anthropic-ai/dxt
# Build the server first
npm run build
# Create the DXT package
npx @anthropic-ai/dxt pack
This will generate mcp-devkit-server.dxt using the configuration in manifest.json.
The DXT package includes:
- Pre-built server code (
dist/esm/index.js) - Server metadata and configuration
- User configuration schema for the Mapbox access token
- Automatic environment variable setup
Hosted MCP Endpoint
For quick access, you can use our hosted MCP endpoint:
Endpoint: https://mcp-devkit.mapbox.com/mcp
For detailed setup instructions for different clients and API usage, see the Hosted MCP Server Guide. Note: This guide references the standard MCP endpoint - you'll need to update the endpoint URL to use the devkit endpoint above.
Getting Your Mapbox Access Token
A Mapbox access token is required to use this MCP server.
- Sign up for a free Mapbox account at mapbox.com/signup
- Navigate to your Account page
- Create a new token with the required scopes for your use case
For more information about Mapbox access tokens, see the Mapbox documentation on access tokens.
⚠️ IMPORTANT: Token Privileges Required
The MAPBOX_ACCESS_TOKEN environment variable is required. Each tool requires specific token scopes/privileges to function properly. For example:
- Reading styles requires
styles:readscope - Creating styles requires
styles:writescope - Managing tokens requires
tokens:readandtokens:writescopes - Accessing feedback requires
user-feedback:readscope
Tools
Reference Tools
Reference data is exposed as MCP Resources (see Resources section). MCP clients that support the resources protocol can access them directly.
Available References:
resource://mapbox-style-layers- Mapbox GL JS style specification reference guide covering all layer types (fill, line, symbol, circle, fill-extrusion) and their propertiesresource://mapbox-streets-v8-fields- Complete field definitions for all Mapbox Streets v8 source layers, including enumerated values for each field (useful for building filters)resource://mapbox-token-scopes- Comprehensive token scope reference explaining what each scope allows and which scopes are needed for different operationsresource://mapbox-layer-type-mapping- Mapping of Mapbox Streets v8 source layers to compatible GL JS layer types, with common usage patterns
Example prompts:
- "What fields are available for the landuse layer?"
- "Show me the token scopes reference"
- "What layer type should I use for roads?"
- "Get the Streets v8 fields reference"
- "What scopes do I need to display a map?"
Style Management Tools
Complete set of tools for managing Mapbox styles via the Styles API:
Style Builder Tool - Create and modify Mapbox styles programmatically through conversational prompts
📖 See the Style Builder documentation for detailed usage and examples →
ListStylesTool - List all styles for a Mapbox account
- Input:
limit(optional - max number of styles),start(optional - pagination token) - Returns: Array of style metadata with optional pagination info
CreateStyleTool - Create a new Mapbox style
- Input:
name,style(Mapbox style specification) - Returns: Created style details with ID
RetrieveStyleTool - Retrieve a specific style by ID
- Input:
styleId - Returns: Complete style specification
UpdateStyleTool - Update an existing style
- Input:
styleId,name(optional),style(optional) - Returns: Updated style details
DeleteStyleTool - Delete a style by ID
- Input:
styleId - Returns: Success confirmation
PreviewStyleTool - Generate preview URL for a Mapbox style using an existing public token
- Input:
styleId,title(optional),zoomwheel(optional),zoom(optional),center(optional),bearing(optional),pitch(optional) - Returns: URL to open the style preview in browser
- Note: This tool automatically fetches the first available public token from your account for the preview URL. Requires at least one public token with
styles:readscope.
ValidateStyleTool - Validate Mapbox style JSON against the Mapbox Style Specification
- Input:
style(Mapbox style JSON object or JSON string) - Returns: Validation results including errors, warnings, info messages, and style summary
- Performs comprehensive offline validation checking:
- Required fields (version, sources, layers)
- Valid layer and source types
- Source references and layer IDs
- Common configuration issues
- Note: This is an offline validation tool that doesn't require API access or token scopes
⚠️ Required Token Scopes:
All style tools require a valid Mapbox access token with specific scopes. Using a token without the correct scope will result in authentication errors.
- ListStylesTool: Requires
styles:listscope - CreateStyleTool: Requires
styles:writescope - RetrieveStyleTool: Requires
styles:downloadscope - UpdateStyleTool: Requires
styles:writescope - DeleteStyleTool: Requires
styles:writescope - PreviewStyleTool: Requires
tokens:readscope (to list tokens) and at least one public token withstyles:readscope
Note: The username is automatically extracted from the JWT token payload.
Example prompts:
- "Can you create a Christmas themed Style for me?"
- "Please generate a preview link for this style"
- "Can you change the background to snow style?"
Token Management Tools
create-token
Create a new Mapbox access token with specified scopes and optional URL restrictions.
Parameters:
note(string, required): Description of the tokenscopes(array of strings, required): Array of scopes/permissions for the token. Must be valid Mapbox scopes (see below)allowedUrls(array of strings, optional): URLs where the token can be used (max 100)expires(string, optional): Expiration time in ISO 8601 format (maximum 1 hour in the future)
Available Scopes:
Available scopes for public tokens:
styles:tiles- Read styles as raster tilesstyles:read- Read stylesfonts:read- Read fontsdatasets:read- Read datasetsvision:read- Read Vision API
Example:
{
"note": "Development token for my app",
"scopes": ["styles:read", "fonts:read"],
"allowedUrls": ["https://myapp.com"]
}
Example prompts:
- "Create a new Mapbox token for my web app with styles:read and fonts:read permissions"
- "Generate a token that expires in 30 minutes with styles:tiles and vision:read scopes"
- "Create a restricted token that only works on https://myapp.com with styles:read, fonts:read, and datasets:read"
list-tokens
List Mapbox access tokens for the authenticated user with optional filtering and pagination.
Parameters:
default(boolean, optional): Filter to show only the default public tokenlimit(number, optional): Maximum number of tokens to return per page (1-100)sortby(string, optional): Sort tokens by "created" or "modified" timestampstart(string, optional): The token ID after which to start the listing (when provided, auto-pagination is disabled)usage(string, optional): Filter by token type: "pk" (public)
Pagination behavior:
- When no
startparameter is provided, the tool automatically fetches all pages of results - When a
startparameter is provided, only the requested page is returned (for manual pagination control)
Example:
{
"limit": 10,
"sortby": "created",
"usage": "pk"
}
Example prompts:
- "List all my Mapbox tokens"
- "Show me my public tokens sorted by creation date"
- "Find my default public token"
- "List the 5 most recently modified tokens"
- "Show all public tokens in my account"
Feedback Tools
Access user feedback items from the Mapbox Feedback API. These tools allow you to retrieve and view user-reported issues, suggestions, and feedback about map data, routing, and POI details.
list_feedback_tool - List user feedback items with comprehensive filtering, sorting, and pagination options.
Parameters:
feedback_ids(array of UUIDs, optional): Filter by one or more feedback item IDsafter(string, optional): Cursor from a previous response for paginationlimit(number, optional): Maximum number of items to return (1-1000, default varies)sort_by(string, optional): Sort field -received_at(default),created_at, orupdated_atorder(string, optional): Sort direction -asc(default) ordescstatus(array, optional): Filter by status -received,fixed,reviewed,out_of_scopecategory(array, optional): Filter by feedback categoriessearch(string, optional): Search phrase to match against feedback texttrace_id(array, optional): Filter by trace IDscreated_before,created_after(ISO 8601 string, optional): Filter by creation date rangereceived_before,received_after(ISO 8601 string, optional): Filter by received date rangeupdated_before,updated_after(ISO 8601 string, optional): Filter by update date rangeformat(string, optional): Output format -formatted_text(default) orjson_string
Returns: Paginated list of feedback items with pagination cursors.
get_feedback_tool - Get a single user feedback item by its unique ID.
Parameters:
feedback_id(UUID, required): The unique identifier of the feedback itemformat(string, optional): Output format -formatted_text(default) orjson_string
Returns: Single feedback item with details including status, category, feedback text, location, and timestamps.
⚠️ Required Token Scope:
- Both feedback tools: Require
user-feedback:readscope on the access token
Example prompts:
- "List all feedback items with status 'fixed'"
- "Show me feedback items in the 'poi_details' category created after July 1st"
- "Get feedback item with ID 40eae4c7-b157-4b49-a091-7e1099bba77e"
- "Find feedback items containing 'apartment building' in the feedback text"
- "List all routing issue feedback from the last month"
Local Processing Tools
GeoJSON Preview tool (Beta)
Generate a geojson.io URL to visualize GeoJSON data. This tool:
- Validates GeoJSON format (Point, LineString, Polygon, Feature, FeatureCollection, etc.)
- Returns a direct URL to geojson.io for instant visualization
- Supports both GeoJSON objects and JSON strings as input
Example usage:
{
"geojson": {
"type": "Point",
"coordinates": [-122.4194, 37.7749]
}
}
Returns: A single URL string that can be opened in a browser to view the GeoJSON data.
Note: This is a beta feature currently optimized for small to medium-sized GeoJSON files. Large GeoJSON files may result in very long URLs and slower performance. We plan to optimize this in future versions by implementing alternative approaches for handling large datasets.
Example prompts:
- "Generate a preview URL for this GeoJSON data"
- "Create a geojson.io link for my uploaded route.geojson file"
Validate GeoJSON tool
Validates GeoJSON objects for correctness, checking structure, coordinates, and geometry types. This offline validation tool performs comprehensive checks on GeoJSON data without requiring API access.
Parameters:
geojson(string or object, required): GeoJSON object or JSON string to validate
What it validates:
- GeoJSON type validity (Feature, FeatureCollection, Point, LineString, Polygon, etc.)
- Required properties (type, coordinates, geometry, features)
- Coordinate array structure and position validity
- Longitude ranges [-180, 180] and latitude ranges [-90, 90]
- Polygon ring closure (first and last coordinates should match)
- Minimum position requirements (LineString needs 2+, Polygon rings need 4+ positions)
Returns:
Validation results including:
valid(boolean): Overall validityerrors(array): Critical errors that make the GeoJSON invalidwarnings(array): Non-critical issues (e.g., unclosed polygon rings, out-of-range coordinates)info(array): Informational messagesstatistics: Object with type, feature count, geometry types, and bounding box
Each issue includes:
severity: "error", "warning", or "info"message: Description of the issuepath: JSON path to the problem (optional)suggestion: How to fix the issue (optional)
Example:
{
"geojson": {
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [102.0, 0.5]
},
"properties": {
"name": "Test Point"
}
}
}
Returns:
{
"valid": true,
"errors": [],
"warnings": [],
"info": [],
"statistics": {
"type": "Feature",
"featureCount": 1,
"geometryTypes": ["Point"],
"bbox": [102.0, 0.5, 102.0, 0.5]
}
}
Example prompts:
- "Validate this GeoJSON file and tell me if there are any errors"
- "Check if my GeoJSON coordinates are valid"
- "Is this Feature Collection properly formatted?"
Note: This is an offline validation tool that doesn't require API access or token scopes.
Validate Expression tool
Validates Mapbox style expressions for syntax, operators, and argument correctness. This offline validation tool performs comprehensive checks on Mapbox expressions without requiring API access.
Parameters:
expression(array or string, required): Mapbox expression to validate (array format or JSON string)
What it validates:
- Expression syntax and structure
- Valid operator names
- Correct argument counts for each operator
- Nested expression validation
- Expression depth (warns about deeply nested expressions)
Returns:
Validation results including:
valid(boolean): Overall validityerrors(array): Critical errors that make the expression invalidwarnings(array): Non-critical issues (e.g., deeply nested expressions)info(array): Informational messagesmetadata: Object with expressionType, returnType, and depth
Each issue includes:
severity: "error", "warning", or "info"message: Description of the issuepath: Path to the problem in the expression (optional)suggestion: How to fix the issue (optional)
Supported expression types:
- Data: get, has, id, geometry-type, feature-state, properties
- Lookup: at, in, index-of, slice, length
- Decision: case, match, coalesce
- Ramps & interpolation: interpolate, step
- Math: +, -, *, /, %, ^, sqrt, log10, log2, ln, abs, etc.
- String: concat, downcase, upcase, is-supported-script
- Color: rgb, rgba, to-rgba, hsl, hsla
- Type: array, boolean, collator, format, image, literal, number, number-format, object, string, to-boolean, to-color, to-number, to-string, typeof
- Camera: zoom, pitch, distance-from-center
- Variable binding: let, var
Example:
{
"expression": ["get", "population"]
}
Returns:
{
"valid": true,
"errors": [],
"warnings": [],
"info": [
{
"severity": "info",
"message": "Expression validated successfully"
}
],
"metadata": {
"expressionType": "data",
"returnType": "any",
"depth": 1
}
}
Example prompts:
- "Validate this Mapbox expression: ["get", "population"]"
- "Check if this interpolation expression is correct"
- "Is this expression syntax valid for Mapbox styles?"
Note: This is an offline validation tool that doesn't require API access or token scopes.
Coordinate Conversion tool
Convert coordinates between different coordinate reference systems (CRS), specifically between WGS84 (EPSG:4326) and Web Mercator (EPSG:3857).
Parameters:
coordinates(array, required): Array of coordinate pairs to convert. Each coordinate pair should be[longitude, latitude]for WGS84 or[x, y]for Web MercatorfromCRS(string, required): Source coordinate reference system. Supported values:"EPSG:4326"(WGS84),"EPSG:3857"(Web Mercator)toCRS(string, required): Target coordinate reference system. Supported values:"EPSG:4326"(WGS84),"EPSG:3857"(Web Mercator)
Returns:
An array of converted coordinate pairs in the target CRS format.
Example:
{
"coordinates": [
[-122.4194, 37.7749],
[-74.006, 40.7128]
],
"fromCRS": "EPSG:4326",
"toCRS": "EPSG:3857"
}
Example prompts:
- "Convert these coordinates from WGS84 to Web Mercator: [-122.4194, 37.7749] and [-74.006, 40.7128]"
- "Convert the coordinates [-13627361.0, 4544761.0] from Web Mercator to WGS84"
Bounding Box tool
Calculates the bounding box of given GeoJSON content, returning coordinates as [minX, minY, maxX, maxY].
Parameters:
geojson(string or object, required): GeoJSON content to calculate bounding box for. Can be provided as:- A JSON string that will be parsed
- A GeoJSON object
Supported GeoJSON types:
- Point
- LineString
- Polygon
- MultiPoint
- MultiLineString
- MultiPolygon
- GeometryCollection
- Feature
- FeatureCollection
Returns:
An array of four numbers representing the bounding box: [minX, minY, maxX, maxY]
minX: Western-most longitudeminY: Southern-most latitudemaxX: Eastern-most longitudemaxY: Northern-most latitude
Example:
{
"geojson": {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-73.9857, 40.7484]
},
"properties": {}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-74.006, 40.7128]
},
"properties": {}
}
]
}
}
Example prompts:
- "Calculate the bounding box of this GeoJSON file" (then upload a .geojson file)
- "What's the bounding box for the coordinates in the uploaded parks.geojson file?"
Color Contrast Checker tool
Checks color contrast ratios between foreground and background colors for WCAG 2.1 accessibility compliance.
Parameters:
foregroundColor(string, required): Foreground color (text color) in any CSS format (hex, rgb, rgba, named colors)backgroundColor(string, required): Background color in any CSS format (hex, rgb, rgba, named colors)level(string, optional): WCAG conformance level to check against ("AA" or "AAA", default: "AA")fontSize(string, optional): Font size category ("normal" or "large", default: "normal")- Normal: < 18pt or < 14pt bold
- Large: ≥ 18pt or ≥ 14pt bold
Color format support:
- Hex colors:
#RGB,#RRGGBB,#RRGGBBAA - RGB/RGBA:
rgb(r, g, b),rgba(r, g, b, a) - Named colors:
black,white,red,blue,gray, etc.
WCAG 2.1 requirements:
- WCAG AA: 4.5:1 for normal text, 3:1 for large text
- WCAG AAA: 7:1 for normal text, 4.5:1 for large text
Returns:
A JSON object with:
contrastRatio: Calculated contrast ratio (e.g., 21 for black on white)passes: Whether the combination meets the specified WCAG levellevel: WCAG level checked ("AA" or "AAA")fontSize: Font size category ("normal" or "large")minimumRequired: Minimum contrast ratio required for the level and font sizewcagRequirements: Complete WCAG contrast requirements for all levelsrecommendations: Array of suggestions (only included when contrast fails)
Example:
{
"contrastRatio": 21,
"passes": true,
"level": "AA",
"fontSize": "normal",
"minimumRequired": 4.5,
"wcagRequirements": {
"AA": { "normal": 4.5, "large": 3.0 },
"AAA": { "normal": 7.0, "large": 4.5 }
}
}
Example prompts:
- "Check if black text on white background is WCAG AA compliant"
- "What's the contrast ratio between #4264fb and white?"
- "Does gray text (#767676) on white meet AAA standards for large text?"
- "Check color contrast for rgb(51, 51, 51) on rgb(245, 245, 245)"
- "Is this color combination accessible: foreground 'navy' on background 'lightblue'?"
Pertanyaan tentang Mapbox Developer Devkit MCP
Bagaimana cara menambahkan Mapbox Developer Devkit MCP ke Claude Code?
Jalankan claude mcp add --env MAPBOX_ACCESS_TOKEN=<YOUR_MAPBOX_ACCESS_TOKEN> mcp-devkit-server -- npx -y @mapbox/mcp-devkit-server di terminal Anda. Tambahkan --scope user agar tersedia di semua proyek.
Bagaimana cara menambahkan Mapbox Developer Devkit MCP ke Cursor?
Buka ~/.cursor/mcp.json dan tambahkan server di bawah mcpServers, menggunakan config Cursor yang ditunjukkan di bagian instalasi di atas.
Tool apa yang disediakan Mapbox Developer Devkit MCP?
Server ini menyediakan 59 tool, termasuk resource, note, scopes, allowedUrls, expires.
Apa yang dibutuhkan untuk menggunakan MCP server ini?
Anda memerlukan Mapbox access token, dan tool tertentu memerlukan scope token yang berbeda seperti styles:read atau styles:write.
Bisakah saya menggunakan server ini untuk mengelola Mapbox styles?
Ya, server ini menyertakan set tool lengkap untuk membuat, menampilkan daftar, mengambil, memperbarui, menghapus, dan memvalidasi Mapbox styles.
Apakah server ini mendukung validasi style?
Ya, ValidateStyleTool melakukan validasi offline pada JSON Mapbox style terhadap Mapbox Style Specification.