Globestudio

Encuentra globos punteados y estilos de mapa por vibra, crea enlaces para compartir, y obtén enlaces de vista previa y fragmentos de inserción desde el chat.

Servidor MCP alojado

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

Se instala en Claude Code, Codex, Cursor y más

Documentación

@globestudio/mcp

Servidor de Protocolo de Contexto de Modelo (MCP) para Globestudio. Permite que un asistente de IA compatible con MCP cree mapas de globo punteado, genere URLs para compartir y obtenga fragmentos de inserción desde el chat.

Conectar por URL (sin instalación)

Globestudio aloja este servidor en https://globestudio.app/mcp (HTTP transmisible). No necesitas instalar nada, y no hay cuenta ni clave de API.

Claude Code

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

Claude (claude.ai y Claude Desktop): abre Personalizar, luego Conectores, haz clic en +, y luego en Agregar conector personalizado. Pega https://globestudio.app/mcp y haz clic en Agregar. Los conectores personalizados funcionan en los planes Gratuito (un conector), Pro, Max, Team y Enterprise; en Team y Enterprise, un Propietario debe agregarlo primero.

Codex

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

O agrégalo a ~/.codex/config.toml:

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

Cursor: agrégalo a ~/.cursor/mcp.json (cada proyecto) o a .cursor/mcp.json (un proyecto):

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

O instálalo con un clic abriendo este enlace:

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

Cualquier otro cliente MCP: agrega https://globestudio.app/mcp como servidor remoto usando el transporte HTTP transmisible.

El servidor alojado no tiene estado: cada solicitud recibe un servidor nuevo, no se almacena nada entre solicitudes, y las respuestas son JSON simple. Solo acepta POST (GET y DELETE responden 405), solicitudes de hasta 128 KB y lotes de hasta 10 mensajes.

Ejecutarlo localmente (stdio)

Para Claude Code:

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

Para Claude Desktop, agrega esto a ~/Library/Application Support/Claude/claude_desktop_config.json:

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

Para Cursor, Cody, Continue o cualquier otro cliente MCP sobre stdio: apúntalo a npx -y @globestudio/mcp de la misma manera.

Reinicia tu herramienta de IA. Las herramientas de Globestudio deberían aparecer ahora en su catálogo de herramientas.

Qué hace

Seis herramientas. Ninguna de ellas llama a una API externa, porque el catálogo de ajustes preestablecidos viene incluido dentro del paquete:

HerramientaPropósito
list_presetsCada ajuste incluido: id, nombre, descripción, etiquetas de estilo, URL de miniatura, URL de inserción.
find_presets({ vibe })Búsqueda difusa por estética. synthwave → Vapor; print → Halftone / Risograph / Newsprint; glow → Aurora / Bloom.
build_share_url({ look?, share_url?, selection?, dotColor?, ..., config? })Construir URLs de globo: una URL para compartir del estudio y una URL de /embed. Comienza desde un ajuste, o pasa un enlace como share_url y solo los ajustes a cambiar; todo lo demás en el enlace se conserva.
read_share_url({ url })Decodifica un enlace de Globestudio (enlace para compartir del estudio, enlace de /looks/<id> o URL de /embed) en su ajuste y configuración, para que un asistente pueda modificar un enlace que pegues.
embed_snippet({ look, framework })Código listo para pegar: HTML de iframe, componente de react o cargador de script-tag.
preview_url({ look })La URL canónica en vivo de /embed y una URL de miniatura PNG para un ajuste preestablecido.

Ejemplos de indicaciones

"Muéstrame cada ajuste preestablecido de Globestudio con estilo retro."

"Hazme un globo punteado limpio con puntos cian y dame una URL para compartir."

"Genera el componente de React para el ajuste Vapor a 1200×600."

"Aquí está mi globo: https://globestudio.app/?c=… Haz los puntos rojos y muestra solo Europa."

Fuente

Este paquete es parte del monorepo de Globestudio. El catálogo de ajustes preestablecidos refleja src/data/look-presets.js de la aplicación principal. Los nuevos ajustes se agregan aquí en la misma versión.

Licencia

MIT. Ver LICENCIA.