Globestudio

io.github.alevizio由 GitHub 帳號 alevizio 發布v0.2.6更新於 Nov 11, 2026

Generate dotted-globe maps, share URLs, and embed snippets from chat.

已驗證Streamable HTTP可網頁執行開發者工具媒體與設計

概覽

AI 產生的概覽

在對話中產生點陣地球地圖視覺:瀏覽外觀預設、產生分享與嵌入連結,並取得可直接貼上的嵌入程式碼。

可以做什麼
  • 列出並依風格或氛圍關鍵字模糊尋找外觀預設,含 id、標籤與縮圖
  • 依預設或既有連結產生自訂地球的分享連結與純嵌入連結
  • 解析使用者貼上的 Globestudio 連結,還原其外觀與設定以便修改
  • 產生 iframe HTML、React 元件或 script 標籤載入器形式的嵌入程式碼
  • 取得單一預設的標準線上嵌入網址與 PNG 縮圖網址
適用情境
適合讓助理產出點陣地球或地圖視覺、在既有 Globestudio 連結上調整,或直接取得可嵌入網站或應用程式的程式碼,而不必手動開啟工作室。
執行需求
可使用託管的遠端端點(streamable HTTP),或以 npx 在本機執行 npm 套件(需 Node.js)。不需帳號、API 金鑰或環境變數,預設目錄隨套件內附。
安裝前請注意
工具只建立或讀取連結,不儲存資料,也不會寫入或刪除內容。託管版本會記錄請求中繼資料(如 IP 位址與路徑)最長 30 天;本機執行則不外傳任何內容。使用遠端端點時,工具參數(包括你貼上的連結)會傳送給託管方。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Globestudio,將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Web executable,透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式,或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南,先向你展示發布者、端點和登入方式,經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/io.github.alevizio%2Fglobestudio/install.md,並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前,先告訴我它的發布者、端點和登入方式,等我確認。不要把 API 金鑰寫進命令或我會提交的檔案;問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。

{
  "mcpServers": {
    "globestudio": {
      "type": "http",
      "url": "https://globestudio.app/mcp"
    }
  }
}

README

@globestudio/mcp

Model Context Protocol server for Globestudio. It lets an MCP-compatible AI assistant make dotted-globe maps, build share URLs and get embed snippets from chat.

Connect by URL (no install)

Globestudio hosts this server at https://globestudio.app/mcp (streamable HTTP). You don't need to install anything, and there is no account or API key.

Claude Code

bash
claude mcp add --transport http globestudio https://globestudio.app/mcp

Claude (claude.ai and Claude Desktop): Open in Claude's connector directory. Or open Customize, then Connectors, click +, then Add custom connector. Paste https://globestudio.app/mcp and click Add. Custom connectors work on Free (one connector), Pro, Max, Team and Enterprise plans; on Team and Enterprise an Owner adds it first.

ChatGPT: Open in ChatGPT and press Install plugin. The plugin brings the tools and the Globestudio skill.

Codex

bash
codex mcp add globestudio --url https://globestudio.app/mcp

Or add it to ~/.codex/config.toml:

toml
[mcp_servers.globestudio]url = "https://globestudio.app/mcp"

Cursor: add it to ~/.cursor/mcp.json (every project) or .cursor/mcp.json (one project):

json
{  "mcpServers": {    "globestudio": {      "url": "https://globestudio.app/mcp"    }  }}

Or install it in one click by opening this link:

text
cursor://anysphere.cursor-deeplink/mcp/install?name=globestudio&config=eyJ1cmwiOiJodHRwczovL2dsb2Jlc3R1ZGlvLmFwcC9tY3AifQ==

Any other MCP client: add https://globestudio.app/mcp as a remote server using the streamable HTTP transport.

The hosted server is stateless: every request gets a fresh server, nothing is stored between requests, and replies are plain JSON. It takes POST only (GET and DELETE answer 405), requests up to 128 KB and batches of up to 10 messages.

Run it locally (stdio)

For Claude Code:

bash
claude mcp add globestudio -- npx -y @globestudio/mcp

For Claude Desktop, add this to ~/Library/Application Support/Claude/claude_desktop_config.json:

json
{  "mcpServers": {    "globestudio": {      "command": "npx",      "args": ["-y", "@globestudio/mcp"]    }  }}

For Cursor, Cody, Continue or any other MCP-over-stdio client: point it at npx -y @globestudio/mcp the same way.

Restart your AI tool. Globestudio tools should now appear in its tool catalog.

What it does

Six tools. None of them call an external API, because the preset catalog ships inside the package:

ToolPurpose
list_presetsEvery shipped look: id, name, blurb, vibe tags, thumbnail URL, embed URL.
find_presets({ vibe })Find looks by a style word or a short phrase. synthwave → Vapor; print → Halftone / Risograph / Newsprint; glow → Aurora / Bloom; retro print → Halftone first.
build_share_url({ look?, share_url?, selection?, dotColor?, ..., config? })Build globe URLs: a studio share URL and an /embed URL. Start from a look, or pass a link as share_url and only the settings to change; everything else in the link is kept. config: { viewSwitch: true } gives the embed a Globe and Map switch.
read_share_url({ url })Decode a Globestudio link (studio share link, /looks/<id> link or /embed URL) into its look and settings, so an assistant can change a link you paste.
embed_snippet({ look, framework })Paste-ready code: iframe HTML, react component, or script-tag loader.
preview_url({ look })The canonical live /embed URL and a PNG thumbnail URL for one preset.

Each tool has a short title, such as Find looks by style, and is marked read-only, not destructive and closed world, since it only builds or reads links. ChatGPT treats a tool without the read-only mark as a write action and asks the user to confirm it.

Example prompts

"Show me every Globestudio preset with a retro vibe."

"Make me a clean dotted globe with cyan dots and give me a share URL."

"Generate the React component for the Vapor preset at 1200×600."

"Here is my globe: https://globestudio.app/?c=… Make the dots red and show only Europe."

Privacy

The hosted server reads only the arguments of each tool call, such as a look id, a style word, a color, a region or a Globestudio link. It answers from those and its built-in list of looks, and keeps nothing: no storage, no accounts, no cookies and no calls to any other service. It never sees the rest of your conversation. Vercel, which hosts it, sees each request's IP address, as any web host does, and keeps a request log for up to 30 days with the time, IP address, path, status, user agent and region of each request, not the tool arguments. Run locally with npx -y @globestudio/mcp, the server sends nothing anywhere. The full policy is at globestudio.app/privacy, and the terms of use at globestudio.app/terms.

Troubleshooting

  • The tools don't show up. Check that the URL is exactly https://globestudio.app/mcp and that the client uses streamable HTTP (in Claude Code, --transport http). Opening the URL in a browser shows "Method not allowed". That is expected: the endpoint takes POST only.
  • "Unknown preset". Ask for the list of looks (list_presets) and use one of the ids it returns.
  • "is not a URL". read_share_url and share_url take a full Globestudio link: a studio link with ?c=, a /looks/<id> link or an /embed URL.
  • "Request body is larger than 128 KB" or "A batch can hold up to 10 messages". The request was too big. Send fewer settings, or one call at a time.
  • Anything else. Open an issue on GitHub.

Source

This package is part of the Globestudio monorepo. The preset catalog mirrors src/data/look-presets.js from the main app. New presets are added here in the same release.

License

MIT. See LICENSE.

來源:packages/mcp/README.md,提交 67ee903

工具

6

list_presets

List looks

List every Globestudio look preset with its id, name, blurb, vibe tags, thumbnail URL and embed URL. Call this first when the user asks about available looks.

無需輸入參數。

find_presets

Find looks by style

Fuzzy-find presets by vibe / aesthetic / use-case keyword. Examples: 'synthwave' → Vapor; 'print' → Halftone, Risograph, Newsprint; 'retro' → CRT, BadTV, Pixel; 'glow' → Aurora, Bloom. Returns ranked matches.

輸入參數vibe必填

build_share_url

Build a share link

Build Globestudio URLs for a customized globe. Start from a preset (look) or change an existing link (share_url, e.g. one the user pasted): pass only the settings to change and everything else in the link is kept. Returns share_url (opens the studio with those settings) and embed_url (the bare canvas, for iframes).

輸入參數lookshapeconfigdensitydotColorselectionshare_urlbackground

read_share_url

Read a share link

Decode a Globestudio link (a studio share link, a /looks/<id> link or an /embed URL) into the look and settings it carries. Use it when the user pastes a link, then pass the link as share_url to build_share_url with the changes they ask for.

輸入參數url必填

embed_snippet

Get embed code

Generate paste-ready embed code for any preset. Choose 'iframe' (HTML for Webflow / Notion / WordPress), 'react' (drop-in component), or 'script-tag' (vanilla JS loader).

輸入參數look必填widthheightframework

preview_url

Get a look's preview links

Get the canonical live embed URL + thumbnail PNG URL for a single preset. Useful when you want to render an inline preview without building a full share URL.

輸入參數look必填

版本歷史

6
  1. v0.2.6最新Nov 11, 2026
  2. v0.2.5Oct 18, 2026
  3. v0.2.4Oct 6, 2026
  4. v0.2.3Oct 5, 2026
  5. v0.2.1Oct 3, 2026
  6. v0.2.0Sep 28, 2026

評分

已滿足適用檢查項的 100%

該評分衡量此收錄條目的完整程度,依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價,也不表示伺服器安全或目前可用:可連通性是帶日期的檢查結果,評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通必需25 分
  • 已宣告認證方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分