AI 어시스턴트가 Mapbox 서비스와 상호작용하고, 스타일을 관리하며, 액세스 토큰을 생성하고, 개발자 API 레퍼런스에 접근할 수 있도록 지원합니다.
다른 이름 mapbox/mcp-devkit-server, @mapbox/mcp-devkit-server
- 스타
- 62
- Tools
- 59
- 다운로드, 30일
- —
- 최신 버전
- 0.10.0
- 마지막 커밋
- 2026년 11월 11일
- 라이선스
- MIT
Mapbox Developer Devkit MCP란?
Mapbox Developer Devkit은(는) MCP server입니다. AI 어시스턴트가 Mapbox 서비스와 상호작용하고, 스타일을 관리하며, 액세스 토큰을 생성하고, 개발자 API 레퍼런스에 접근할 수 있도록 지원합니다. 59개 도구를 제공합니다. 예: resource, note, scopes.
프로젝트 README에서 생성된 요약
Mapbox Developer Devkit MCP server 정보
개발자가 AI 어시스턴트를 통해 Mapbox 서비스와 직접 상호작용할 수 있도록 이 MCP server를 사용하면 Mapbox 애플리케이션 구축이 더욱 효율적이 됩니다. 지도 스타일의 프로그래밍 방식 관리, 액세스 토큰 생성 및 개발자 API 레퍼런스 조회가 가능합니다. 이 server는 Claude Desktop, Claude Code, Cursor, VS Code(GitHub Copilot 포함) 등 다양한 환경에 통합할 수 있습니다.
사용자는 MAPBOX_ACCESS_TOKEN 환경 변수를 통해 Mapbox 액세스 토큰을 제공해야 하며, 스타일 생성을 위한 styles:write 또는 액세스 관리를 위한 tokens:read와 같이 각 도구에 필요한 특정 권한이 토큰에 포함되어 있는지 확인해야 합니다. 이 server는 GeoJSON 미리보기 도구, 좌표 변환 및 bounding box 유틸리티를 포함한 로컬 처리 도구 모음을 제공합니다. 또한 Style Builder Tool 및 오프라인 JSON 검증을 위한 ValidateStyleTool과 같은 스타일 관리 기능을 제공합니다. 개발자는 특정 URL 제한 및 만료 시간이 설정된 토큰을 생성하거나 목록을 조회하여 계정을 관리할 수도 있습니다.
활용 사례
- 1프로그래밍 방식의 스타일 관리AI 어시스턴트가 대화형 프롬프트를 기반으로 Mapbox 스타일을 생성, 업데이트 또는 삭제할 수 있습니다.
- 2자동화된 토큰 생성개발자는 AI에게 특정 권한과 URL 제한이 적용된 새로운 Mapbox 액세스 토큰을 생성하도록 지시할 수 있습니다.
- 3지도 스타일 검증API 접근 권한 없이도 server를 사용하여 Mapbox 스타일 JSON이 공식 사양을 준수하는지 확인할 수 있습니다.
- 4기술 레퍼런스 접근AI가 Mapbox Streets v8의 특정 필드 정의나 레이어 유형 매핑 정보를 검색할 수 있습니다.
프로젝트의 README를 바탕으로 작성되었습니다. 모든 활용 사례는 해당 내용의 인용문과 대조하여 확인합니다.
Mapbox Developer Devkit MCP 설치 방법
형식 확인: 2026년 11월 10일Claude Code에 Mapbox Developer Devkit MCP 설치
$ claude mcp add --env MAPBOX_ACCESS_TOKEN=<YOUR_MAPBOX_ACCESS_TOKEN> mcp-devkit-server -- npx -y @mapbox/mcp-devkit-serverCursor에 Mapbox Developer Devkit MCP 설치
~/.cursor/mcp.json
{
"mcpServers": {
"mcp-devkit-server": {
"command": "npx",
"args": [
"-y",
"@mapbox/mcp-devkit-server"
],
"env": {
"MAPBOX_ACCESS_TOKEN": "<YOUR_MAPBOX_ACCESS_TOKEN>"
}
}
}
}VS Code에 Mapbox Developer Devkit MCP 설치
.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>"
}
}
}
}Claude Desktop에 Mapbox Developer Devkit MCP 설치
claude_desktop_config.json
{
"mcpServers": {
"mcp-devkit-server": {
"command": "npx",
"args": [
"-y",
"@mapbox/mcp-devkit-server"
],
"env": {
"MAPBOX_ACCESS_TOKEN": "<YOUR_MAPBOX_ACCESS_TOKEN>"
}
}
}
}Codex에 Mapbox Developer Devkit MCP 설치
~/.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>"
Gemini CLI에 Mapbox Developer Devkit MCP 설치
~/.gemini/settings.json
{
"mcpServers": {
"mcp-devkit-server": {
"command": "npx",
"args": [
"-y",
"@mapbox/mcp-devkit-server"
],
"env": {
"MAPBOX_ACCESS_TOKEN": "<YOUR_MAPBOX_ACCESS_TOKEN>"
}
}
}
}Mapbox Developer Devkit MCP 도구 59
README에서 감지됨resourcenotescopesallowedUrlsexpiresstylesfontsdatasetsvisiondefaultlimitsortby
| resource | — | |
| note | — | |
| scopes | — | |
| allowedUrls | — | |
| expires | — | |
| styles | — | |
| fonts | — | |
| datasets | — | |
| vision | — | |
| default | — | |
| limit | — | |
| sortby | — |
도구 59개 모두 보기도구 수 줄이기
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 | — |
구성
MAPBOX_ACCESS_TOKEN필수비밀Your Mapbox access token. See docs for required scopes.
ENABLE_MCP_UIOTEL_EXPORTER_OTLP_ENDPOINTOTEL_SERVICE_NAMEOTEL_TRACES_SAMPLEROTEL_TRACES_SAMPLER_ARG
| 이름 | 설명 | 유형 |
|---|---|---|
| MAPBOX_ACCESS_TOKEN | Your Mapbox access token. See docs for required scopes. | 필수비밀 |
| ENABLE_MCP_UI | — | |
| OTEL_EXPORTER_OTLP_ENDPOINT | — | |
| OTEL_SERVICE_NAME | — | |
| OTEL_TRACES_SAMPLER | — | |
| OTEL_TRACES_SAMPLER_ARG | — |
자동 검사
2026년 11월 12일에 실행됨전체 보고서 →자동 검사를 통과했습니다. 이는 보안 감사가 아닙니다. 코드를 직접 읽고 서버에 필요한 최소한의 권한만 부여하십시오. 검사 방식
- 소스 저장소 연결 및 접근 가능통과
- 오픈 소스 라이선스 (OSI)통과
- 최근 1년 내 커밋 또는 릴리스통과
- 패키지 이름이 인기 패키지와 유사하지 않음통과
- 원격 엔드포인트가 HTTPS 사용통과
- 파괴적인 도구에 라벨 표시됨통과
- 모델에 대한 숨겨진 지침 없음통과
- 패키지와 의존성에 심각한 보안 권고 없음통과
README
GitHub에서 보기Mapbox 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'?"
Mapbox Developer Devkit MCP 질문
Mapbox Developer Devkit MCP를 Claude Code에 추가하려면 어떻게 하나요?
터미널에서 claude mcp add --env MAPBOX_ACCESS_TOKEN=<YOUR_MAPBOX_ACCESS_TOKEN> mcp-devkit-server -- npx -y @mapbox/mcp-devkit-server를 실행합니다. 모든 프로젝트에서 사용할 수 있게 하려면 --scope user를 추가합니다.
Mapbox Developer Devkit MCP를 Cursor에 추가하려면 어떻게 하나요?
~/.cursor/mcp.json를 열고 mcpServers 아래에 서버를 추가합니다. 위 설치 섹션에 표시된 Cursor 구성을 사용합니다.
Mapbox Developer Devkit MCP는 어떤 도구를 제공하나요?
59개 도구를 제공합니다. 예: resource, note, scopes, allowedUrls, expires.
이 MCP server를 사용하려면 무엇이 필요한가요?
Mapbox 액세스 토큰이 필요하며, 특정 도구는 styles:read 또는 styles:write와 같은 서로 다른 토큰 권한(scope)을 요구합니다.
이 server로 Mapbox 스타일을 관리할 수 있나요?
네, Mapbox 스타일을 생성, 목록 조회, 검색, 업데이트, 삭제 및 검증할 수 있는 전체 도구 세트가 포함되어 있습니다.
스타일 검증 기능을 지원하나요?
네, ValidateStyleTool이 Mapbox Style Specification을 기준으로 Mapbox 스타일 JSON의 오프라인 검증을 수행합니다.