Globestudio

Encontre globos pontilhados e visuais de mapa pela vibe, crie links de compartilhamento e obtenha links de pré-visualização e trechos de incorporação pelo chat.

Servidor MCP hospedado

npx add-mcp 'https://globestudio.app/mcp'

Instala no Claude Code, Codex, Cursor e outros

Documentação

@globestudio/mcp

Servidor de Protocolo de Contexto de Modelo (MCP) para Globestudio. Ele permite que um assistente de IA compatível com MCP crie mapas de globo pontilhado, gere URLs de compartilhamento e obtenha trechos de incorporação diretamente no chat.

Conectar por URL (sem instalação)

O Globestudio hospeda este servidor em https://globestudio.app/mcp (HTTP streamable). Você não precisa instalar nada, e não há conta ou chave de API.

Claude Code

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

Claude (claude.ai e Claude Desktop): abra Personalizar, depois Conectores, clique em + e depois em Adicionar conector personalizado. Cole https://globestudio.app/mcp e clique em Adicionar. Conectores personalizados funcionam nos planos Gratuito (um conector), Pro, Max, Team e Enterprise; nos planos Team e Enterprise, um proprietário adiciona primeiro.

Codex

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

Ou adicione-o ao ~/.codex/config.toml:

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

Cursor: adicione-o ao ~/.cursor/mcp.json (todos os projetos) ou .cursor/mcp.json (um projeto):

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

Ou instale-o com um clique abrindo este link:

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

Qualquer outro cliente MCP: adicione https://globestudio.app/mcp como um servidor remoto usando o transporte HTTP streamable.

O servidor hospedado não tem estado: cada solicitação recebe um servidor novo, nada é armazenado entre solicitações e as respostas são JSON simples. Ele aceita apenas POST (GET e DELETE respondem 405), solicitações de até 128 KB e lotes de até 10 mensagens.

Executar localmente (stdio)

Para Claude Code:

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

Para Claude Desktop, adicione isto ao ~/Library/Application Support/Claude/claude_desktop_config.json:

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

Para Cursor, Cody, Continue ou qualquer outro cliente MCP via stdio: aponte-o para npx -y @globestudio/mcp da mesma forma.

Reinicie sua ferramenta de IA. As ferramentas do Globestudio devem agora aparecer no catálogo de ferramentas.

O que ele faz

Seis ferramentas. Nenhuma delas chama uma API externa, pois o catálogo de presets está incluído no pacote:

FerramentaFinalidade
list_presetsCada visual disponível: id, nome, descrição, tags de estilo, URL de miniatura, URL de incorporação.
find_presets({ vibe })Busca difusa por estética. synthwave → Vapor; print → Halftone / Risograph / Newsprint; glow → Aurora / Bloom.
build_share_url({ look?, share_url?, selection?, dotColor?, ..., config? })Criar URLs de globo: uma URL de compartilhamento do studio e uma URL /embed. Comece por um visual ou passe um link como share_url e apenas as configurações a alterar; todo o resto no link é mantido.
read_share_url({ url })Decodificar um link do Globestudio (link de compartilhamento do studio, link /looks/<id> ou URL /embed) em seu visual e configurações, para que um assistente possa alterar um link que você colar.
embed_snippet({ look, framework })Código pronto para colar: HTML iframe, componente react ou carregador script-tag.
preview_url({ look })A URL canônica ao vivo /embed e uma URL de miniatura PNG para um preset.

Exemplos de prompts

"Mostre-me todos os presets do Globestudio com estilo retrô."

"Crie um globo pontilhado limpo com pontos ciano e me dê uma URL de compartilhamento."

"Gere o componente React para o preset Vapor em 1200×600."

"Aqui está meu globo: https://globestudio.app/?c=… Deixe os pontos vermelhos e mostre apenas a Europa."

Fonte

Este pacote faz parte do monorepo Globestudio. O catálogo de presets espelha src/data/look-presets.js do aplicativo principal. Novos presets são adicionados aqui na mesma versão.

Licença

MIT. Veja LICENSE.