/ Directorio / Playground / Overture
● Comunidad SixHq ⚡ Instantáneo

Overture

por SixHq · SixHq/Overture

Visualiza el plan de tu agente de código como un diagrama de flujo interactivo antes de que escriba código — aprueba, pausa o redirige nodos en un lienzo de React Flow.

Overture es un servidor MCP local + interfaz web que intercepta la fase de planificación de agentes de código AI (Claude Code, Cursor, Cline, Copilot, Sixth) y la visualiza como un grafo. Agrega entradas, ramifica alternativas, adjunta herramientas por nodo y solo permite que el agente se ejecute cuando el plan se vea correcto.

Por qué usarlo

Características clave

Demo en vivo

Cómo se ve en la práctica

overture.replay ▶ listo
0/0

Instalar

Elige tu cliente

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "overture": {
      "command": "npx",
      "args": [
        "-y",
        "Overture"
      ],
      "_inferred": true
    }
  }
}

Abre Claude Desktop → Settings → Developer → Edit Config. Reinicia después de guardar.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "overture": {
      "command": "npx",
      "args": [
        "-y",
        "Overture"
      ],
      "_inferred": true
    }
  }
}

Cursor usa el mismo esquema mcpServers que Claude Desktop. La configuración del proyecto prevalece sobre la global.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "overture": {
      "command": "npx",
      "args": [
        "-y",
        "Overture"
      ],
      "_inferred": true
    }
  }
}

Haz clic en el icono MCP Servers de la barra lateral de Cline y luego en "Edit Configuration".

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "overture": {
      "command": "npx",
      "args": [
        "-y",
        "Overture"
      ],
      "_inferred": true
    }
  }
}

Mismo formato que Claude Desktop. Reinicia Windsurf para aplicar.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "overture",
      "command": "npx",
      "args": [
        "-y",
        "Overture"
      ]
    }
  ]
}

Continue usa un array de objetos de servidor en lugar de un mapa.

~/.config/zed/settings.json
{
  "context_servers": {
    "overture": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "Overture"
        ]
      }
    }
  }
}

Añádelo a context_servers. Zed recarga en caliente al guardar.

claude mcp add overture -- npx -y Overture

Un solo comando. Verifica con claude mcp list. Quita con claude mcp remove.

Casos de uso

Usos del mundo real: Overture

Revisa el plan de tu agente en un diagrama de flujo antes de que escriba código

👤 Cualquiera que ejecute agentes de código en repositorios reales ⏱ ~15 min beginner

Cuándo usarlo: Te has quemado cuando un agente escribió con confianza 800 líneas de código incorrecto — quieres una compuerta.

Requisitos previos
  • Claude Code o agente equivalente — claude.ai/code
Flujo
  1. Instalar
    Ejecuta claude mcp add overture-mcp -- npx overture-mcp para conectarlo a Claude Code.✓ Copiado
    → Interfaz web de Overture accesible en la URL mostrada
  2. Solicita una característica; el plan se abre en el lienzo
    Implementa un middleware de autenticación. Antes de codificar, usa overture para producir un grafo de plan.✓ Copiado
    → Aparecen nodos para cada paso en la interfaz de Overture
  3. Aprueba o redirige nodos
    El nodo 3 se ve mal — recházalo con un comentario 'usa el middleware existente en ./lib/auth.ts en su lugar'✓ Copiado
    → El plan se regenera; el agente solo codifica después de que presiones aprobar

Resultado: El agente escribe el código que realmente pediste — capturaste la suposición incorrecta en el paso 3, no en el commit 3.

Errores comunes
  • El lienzo se vuelve ruidoso en características grandes — Divide la característica en subplanes; Overture admite pestañas de múltiples proyectos
Combinar con: claude-code

Compara dos enfoques de implementación lado a lado

👤 Ingenieros que eligen entre diseños ⏱ ~20 min intermediate

Cuándo usarlo: Estás indeciso entre dos enfoques (caché de Redis vs LRU en memoria) y quieres que el agente planifique ambos.

Flujo
  1. Solicita dos ramas
    Planifica esta característica de almacenamiento en caché en dos ramas: (A) Redis, (B) LRU en memoria. Muestra ventajas/desventajas para cada una.✓ Copiado
    → Overture renderiza dos ramas con comparación
  2. Elige y ejecuta
    Aprueba la rama B. Ejecuta solo esa ruta.✓ Copiado
    → Solo se ejecuta la rama elegida

Resultado: Decisión informada entre alternativas sin comprometer código en ambas.

Inyecta secretos en un nodo de plan sin comprometerlos

👤 Cualquiera que escriba scripts de planes de despliegue ⏱ ~10 min intermediate

Cuándo usarlo: Un paso necesita una clave API; quieres proporcionarla en tiempo de ejecución, no en el historial de prompts.

Flujo
  1. Marca el nodo como que necesita un secreto
    El nodo de despliegue necesita DEPLOY_TOKEN como entrada secreta. Pausa hasta que se proporcione.✓ Copiado
    → Overture muestra un campo secreto esperando entrada
  2. Pega en la interfaz; el nodo se desbloquea
    (en la interfaz de Overture) pega el token y haz clic en reanudar✓ Copiado
    → El plan continúa; el secreto no está en el historial de chat

Resultado: Los agentes ejecutan pasos privilegiados sin que los secretos se filtren en las transcripciones.

Combinaciones

Combínalo con otros MCPs para multiplicar por 10

overture + claude-code

Usa Overture como capa de aprobación para cada tarea de Claude Code

A partir de ahora, para cualquier tarea estimada >30 min, usa overture para planificar antes de codificar.✓ Copiado
overture + vibe-check

Planificar → revisión de cordura → ejecutar

Después de que Overture produce un plan, ejecuta vibe_check en él antes de que apruebe.✓ Copiado

Herramientas

Lo que expone este MCP

HerramientaEntradasCuándo llamarCoste
plan_create goal: str, context?: str Inicio de cualquier tarea de codificación de múltiples pasos Tokens LLM para planificación
plan_update plan_id, node_changes Reacciona a la aprobación/rechazo del usuario 0
plan_execute plan_id, from_node? Después de la aprobación del usuario tool calls + tokens
plan_branch plan_id, from_node, alt_goal Compara alternativas Tokens LLM

Coste y límites

Lo que cuesta ejecutarlo

Cuota de API
Ninguno — aplicación local
Tokens por llamada
La planificación agrega ~1-3k tokens por adelantado; ahorra más en código incorrecto evitado
Monetario
Gratuito, código abierto
Consejo
Usa planes solo para características no triviales; las ediciones triviales no necesitan un grafo

Seguridad

Permisos, secretos, alcance

Almacenamiento de credenciales: Secretos ingresados en la interfaz, almacenados en el almacenamiento del navegador local por plan
Salida de datos: Ninguno por defecto — se ejecuta en localhost

Resolución de problemas

Errores comunes y soluciones

La URL del lienzo devuelve ERR_CONNECTION_REFUSED

El puerto de la interfaz de Overture (predeterminado 3939) no está vinculado; comprueba los registros del servidor MCP o establece OVERTURE_PORT

Verificar: curl http://localhost:3939
La generación del plan se cuelga

Tu agente está esperando en LLM; comprueba los registros del propio agente para límite de velocidad / agotamiento de tokens

Los rechazos de nodos no tienen efecto

Algunos agentes almacenan planes en caché — di explícitamente 'regenera el plan desde el nodo X con mi comentario'

Alternativas

Overture vs otros

AlternativaCuándo usarlaContrapartida
sequentialthinking-toolsQuieres un plan de texto, no un lienzoSin comparación visual de ramas
shrimp-task-managerQuieres tareas persistentes, no aprobación interactivaBucle diferente — más asincrónico, menos controlado

Más

Recursos

📖 Lee el README oficial en GitHub

🐙 Ver issues abiertas

🔍 Ver todos los 400+ servidores MCP y Skills