Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
제작자가 쓴 설명(영어 원문)
Control CesiumJS 3D globes via MCP: camera, layers, entities, animation, and interaction.
이 세 가지는 절대 하나의 점수로 합치지 않아요. 의견, 측정, 인기는 서로 다른 것이니까요.
이 서버는 아직 쉬운 말로 된 요약을 쓰지 못했어요. 아래는 레지스트리에서 읽어 온 사실이에요.
쓰고 있는 AI 앱을 고른 다음 설정을 복사하세요.
필요한 것
어떤 앱을 쓰세요?
위에서 앱을 고르세요. 기억해 두었다가 다음부터는 버튼에 “…에 설치”라고 표시해요.
Claude Desktop → Settings → Developer → Edit Config를 열고 claude_desktop_config.json에 이 내용을 붙여 넣으세요
{
"mcpServers": {
"cesium-runtime": {
"command": "npx",
"args": [
"-y",
"cesium-mcp-runtime"
]
}
}
}터미널에서 이 명령어를 실행하세요
claude mcp add cesium-runtime -- npx -y cesium-mcp-runtime프로젝트의 .cursor/mcp.json 또는 ~/.cursor/mcp.json에 붙여 넣으세요
{
"mcpServers": {
"cesium-runtime": {
"command": "npx",
"args": [
"-y",
"cesium-mcp-runtime"
]
}
}
}브라우저가 앱을 열지 물어본 다음, 앱이 설정을 보여 주고 확인을 요청해요. 키 값은 비워 두니 직접 입력하세요.
프로젝트의 .vscode/mcp.json에 붙여 넣으세요
{
"servers": {
"cesium-runtime": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"cesium-mcp-runtime"
]
}
}
}브라우저가 앱을 열지 물어본 다음, 앱이 설정을 보여 주고 확인을 요청해요. 키 값은 비워 두니 직접 입력하세요.
이 서버는 내 컴퓨터에서 실행되는데, ChatGPT는 인터넷에 있는 서버에만 연결할 수 있어요. 다른 앱을 고르세요.
선택한 앱은 이 기기의 쿠키에만 저장돼요. 계정은 필요 없어요.
이 설정은 제작자의 레지스트리 정보로 만들었어요. README와 다르면 README를 따르세요.
내 컴퓨터에서 실행돼요. 설치하면 AI 앱에 도구 목록이 나타나요.
누구나 볼 수 있는 정보를 점검했고, 코드는 읽지 않았어요. 해당하지 않는 항목은 개수에서 뺐어요. · 2026년 11월 7일 점검
레지스트리 이름이 GitHub 계정 gaopengbin 기준으로 확인되었고, 이 계정이 저장소를 소유하고 있어요
아직 GitHub에서 이 저장소를 읽어 오지 않았어요
아직 GitHub에서 이 저장소를 읽어 오지 않았어요
내 컴퓨터에서 실행되는 서버라 인터넷 엔드포인트가 없어요
내 컴퓨터에서 실행되며, 대신 로컬 설정을 사용해요
내 컴퓨터에서 실행돼요. 도구 목록은 인터넷 엔드포인트가 있는 서버에서만 읽을 수 있어요
레지스트리에서 이 카테고리의 활성 서버 전체와 비교했어요. 스타는 게시자가 저장소를 소유한 경우에만 세요.
해당하는 기본 점검 1개 중 1개를 통과했어요. 코드는 읽지 않았어요. 키나 토큰을 넣기 전에 서버가 어떤 권한을 요구하는지 확인하고, 꼭 필요한 권한만 있는 키를 쓰세요.
레지스트리에 필수 키가 나와 있지 않아요. 다만 처음 쓸 때 로그인을 요구하는 서버도 있어요.
내 컴퓨터에서 실행돼요. AI 앱이 필요할 때 실행하고, 데이터는 제작자의 서버를 거치지 않아요(서버 자체가 온라인 서비스를 호출하는 경우는 제외).
GitHub 저장소는 마지막으로 – 변경됐고, 최신 버전(2.0.0)은 어제 레지스트리에 올라왔어요.
Claude Desktop, Claude Code, Cursor, VS Code처럼 MCP를 지원하는 앱에서 쓸 수 있어요. 내 컴퓨터에 Node.js도 있어야 해요.
같은 카테고리에는: Figma Context MCP, Claude Real Video, Figma MCP Server
같은 카테고리에서 다른 제작자가 만든 서버예요. 스타 순으로 정렬했어요.
카드 보는 법:★ GitHub 스타i세 기둥: 리뷰 · 점검 · 사용 정도i업데이트 = 최신 버전을 레지스트리에 공개한 날i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Let any LLM watch a video locally — and search everything it has ever watched.
The Figma MCP server brings Figma design context directly into your AI workflow.
제작자의 저장소에서 쓰인 그대로 가져왔어요. PopNx MCP가 검토하거나 보증한 내용이 아니에요. HTML, 이미지, 스크립트는 제거했어요. 링크를 누르면 이 사이트를 벗어나요.
Usage statistics are on by default, with a startup notice on stderr. Set CESIUM_TELEMETRY_DISABLED=1, DO_NOT_TRACK=1, or pass --no-telemetry to disable. Collected fields and privacy.
English | 中文
MCP Server that enables AI Agents to control a Cesium globe in real-time via the Model Context Protocol.
Release channel:
latestuses the stable MCP SDK v2 and supports both
MCP
2025-11-25and2026-07-28from the same stdio/HTTP entry.
If you only want to try the "AI + Cesium" feel,
examples/browser-agent is the recommended
starting point — zero backend, runs in three minutes. See
openCesiumMap serves an interactive Cesium Viewer through the standard ui://cesium-mcp/map-v10.html MCP Apps resource. The map occupies the primary area and uses the host's existing native chat through ui/message, with no duplicate composer or history. Layout and host theme/locale changes preserve the Viewer, selection and session. The app follows host semantic style variables and fonts, supports Chinese and English, and publishes camera, layers and selected-object context. Local preview controls simulate live host settings and record message delivery. OpenAI global/thread entrypoint and fullscreen hints are included.
The built HTML, embedded Worker graph and Bridge bundle ship in dist. A compatible host must support WebGL and Blob module workers in an isolated, stable UI origin. The embedded panel exchanges commands through app-only MCP tools and does not access a local WebSocket. CESIUM_APP_DOMAIN optionally declares a dedicated UI origin. External browser Viewers retain the existing WebSocket transport.
For a real local MCP Apps preview, run npm run app:preview -w packages/cesium-mcp-runtime from a built repository and open http://127.0.0.1:19311/. See the full guide. Client-specific ChatGPT installation is a separate verification step.
Enable the tiles toolset with CESIUM_TOOLSETS=view,entity,layer,interaction,tiles or enable_toolset. Use loadVectorTiles for MVT /{z}/{x}/{y} URLs or vector 3D Tiles, click a feature and read getSelectedTileFeature, then update its managed layer using updateLayerStyle with tileStyle.color and tileStyle.lineWidth. Read back getLayerSchema.metadata.tileStyle to verify the applied expressions.
Vector rendering and clamping require CesiumJS 1.147. Clamped line/polygon picking uses an experimental bounded adapter. For external data in an MCP Apps panel, configure exact allowed origins with CESIUM_MAP_DATA_ORIGINS. See the vector tiles guide for source formats, styling and limits.
AI Agent <--MCP stdio--> cesium-mcp-runtime <--WebSocket--> Browser (cesium-mcp-bridge)
AI Agent <--MCP HTTP---> cesium-mcp-runtime <--WebSocket--> Browser (cesium-mcp-bridge)
The runtime acts as a bridge between MCP-compatible AI clients (Claude Desktop, VS Code Copilot, Cursor, etc.) and a browser running CesiumJS. It translates MCP tool calls into WebSocket commands that cesium-mcp-bridge executes.
The npm package ships its browser Bridge bundle locally. The built-in Viewer at http://localhost:9100/ therefore does not depend on an unpkg fallback; CesiumJS itself is still loaded from the official Cesium CDN.
For ordinary MCP users this is a one-package setup: run cesium-mcp-runtime and use the built-in Viewer. Install cesium-mcp-bridge separately only when developing a custom CesiumJS page.
Two transport modes are supported:
| Transport | Use Case | Protocol |
|---|---|---|
| stdio (default) | Local AI clients (Claude Desktop, VS Code, Cursor) | Standard I/O |
| http | Remote/cloud MCP clients (Dify, custom backends) | Streamable HTTP |
# Stable channel (stdio mode, default)
npx -y cesium-mcp-runtime
npm install -g cesium-mcp-runtime cesium-mcp-runtime
Then open http://localhost:9100/ to use the built-in Viewer. No separate Bridge installation is required for this default path.
For remote/cloud MCP clients like Dify:
# Start in HTTP transport mode
npx -y cesium-mcp-runtime --transport http --port 3000
Environment variable alternative:
MCP_TRANSPORT=http MCP_HTTP_PORT=3000 npx -y cesium-mcp-runtime
In HTTP mode, all 62 Cesium command tools are enabled by default (no dynamic toolset discovery needed).
Runtime binds to 127.0.0.1 by default, including its HTTP and WebSocket ports. Local native MCP clients and pages served from localhost continue to work. Pages opened directly as file:// must instead be served by a local HTTP server.
| Variable | Purpose |
|---|---|
CESIUM_HOST | Bind address, default 127.0.0.1. Non-loopback addresses require CESIUM_AUTH_TOKEN. |
CESIUM_AUTH_TOKEN | Shared connection secret. When set, all APIs and WebSocket connections require authentication, including local clients. |
CESIUM_ALLOWED_HOSTS | Comma-separated exact hostnames without ports, in addition to loopback and the bind address. No wildcards. |
CESIUM_ALLOWED_ORIGINS | Comma-separated exact HTTPS page origins. Loopback HTTP/HTTPS origins are allowed by default. No wildcards. |
For remote access, use HTTPS/WSS through a reverse proxy and configure the public hostname and Viewer origin explicitly. For example, set CESIUM_HOST=0.0.0.0, CESIUM_ALLOWED_HOSTS=maps.example.com, CESIUM_ALLOWED_ORIGINS=https://maps.example.com, and a generated CESIUM_AUTH_TOKEN in the server environment. Preserve the public Host header and WebSocket upgrades in the proxy.
MCP HTTP and REST clients send Authorization: Bearer . The built-in Viewer asks for the connection token when authentication is enabled; it keeps the token in the page only. Custom browser bridges authenticate with WebSocket subprotocols:
const encoded = btoa(String.fromCharCode(...new TextEncoder().encode(token)))
.replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '') const ws = new WebSocket('wss://maps.example.com/?session=demo', [ 'cesium-mcp', cesium-token.${encoded}, ])
Do not put credentials in query strings. Reverse proxies must not log Authorization or Sec-WebSocket-Protocol headers. The Viewer HTML and Bridge script are public assets; protected APIs and WebSocket upgrades still require the token. Secondary local Runtime instances must use the same token to relay to an existing instance. Browser session IDs select a Viewer; they are not credentials.
{
"mcpServers": { "cesium": { "command": "npx", "args": ["-y", "cesium-mcp-runtime"], "env": { "CESIUM_WS_PORT": "9100", "DEFAULT_SESSION_ID": "default" } } } }
In .vscode/mcp.json:
{
"servers": { "cesium": { "command": "npx", "args": ["-y", "cesium-mcp-runtime"], "env": { "DEFAULT_SESSION_ID": "default" } } } }
In .cursor/mcp.json:
{
"mcpServers": { "cesium": { "command": "npx", "args": ["-y", "cesium-mcp-runtime"] } } }
Tools are organized into 12 toolsets. By default, 4 core toolsets are enabled (30 tools). Additional toolsets can be activated via environment variable or dynamically by the AI agent at runtime. Shared titles, behavior annotations, localized descriptions, defaults, input validation, advertised output schemas, and structured results are generated from the canonical JSON Schemas in cesium-mcp-contracts. Tool calls also retain text content for older clients.
| Toolset | Tools | Default | Description |
|---|---|---|---|
view | 8 | Yes | Camera view controls + viewpoint bookmarks + scene export |
entity | 10 | Yes | Core entity operations + batch, query & property inspection |
layer | 9 | Yes | Layer management (GeoJSON, schema, style, basemap) |
interaction | 3 | Yes | Screenshot, highlight & measurement |
camera | 4 | — | Advanced camera controls (orbit, lookAt) |
entity-ext | 7 | — | Extended entity types (box, cylinder, wall, etc.) |
animation | 8 | — | Animation system (waypoints, clock, tracking, lighting) |
tiles | 7 | — | 3D Tiles, Gaussian Splats, terrain, imagery services, CZML & KML |
trajectory | 1 | — | Trajectory playback |
heatmap | 1 | — | Heatmap visualization |
scene | 3 | — | Scene options, post-processing & Runtime-only Ion credentials |
geolocation | 1 | — | Geocoding — convert address/place name to coordinates (Nominatim/OSM) |
{
"mcpServers": { "cesium": { "command": "npx", "args": ["-y", "cesium-mcp-runtime"], "env": { "CESIUM_TOOLSETS": "all" } } } }
CESIUM_TOOLSETS value | Result |
|---|---|
| *(not set)* | Default 4 toolsets (30 tools + 2 meta-tools) |
view,entity,camera,animation | Only specified toolsets + 2 meta-tools |
all | All 62 command tools, no meta-tools |
When not in all mode, two meta-tools are always available so the AI can discover and activate additional capabilities on demand:
| Tool | Description |
|---|---|
list_toolsets | List all toolset groups with enabled status and tool names |
enable_toolset | Dynamically enable a toolset — new tools become immediately available |
| Tool | Description |
|---|---|
flyTo | Fly to coordinates (lon, lat, height, heading, pitch, roll, duration) |
setView | Set camera position instantly |
getView | Get current camera state |
zoomToExtent | Zoom to bounding box (west, south, east, north) |
| Tool | Description |
|---|---|
addMarker | Add a marker at coordinates |
addLabel | Add text labels to the map |
addModel | Add 3D model (glTF/GLB or Ion asset) |
addPolygon | Add polygon with styling |
addPolyline | Add polyline with styling |
updateEntity | Update entity properties |
removeEntity | Remove entity by ID |
| Tool | Description |
|---|---|
addGeoJsonLayer | Add GeoJSON with styling (choropleth, category, etc.) |
listLayers | List all layers |
removeLayer | Remove layer by ID |
setLayerVisibility | Toggle layer visibility |
updateLayerStyle | Change layer color/opacity/width |
setBasemap | Switch basemap |
| Tool | Description |
|---|---|
lookAtTransform | Orbit-style camera aim at a position (heading/pitch/range) |
startOrbit | Start orbiting the camera around current center |
stopOrbit | Stop orbit animation |
setCameraOptions | Configure camera controller (enable/disable rotation, zoom, tilt) |
| Tool | Description |
|---|---|
addBillboard | Add an image icon at a position |
addBox | Add a 3D box with dimensions and material |
| addCorridor | Add a corrido
앞부분만 보여 드려요. 나머지는 저장소에서 읽어 보세요