Overture MCP — Сценарии использования, Установка & Живое демо

Зачем использовать

Ключевые функции

Interactive React Flow canvas — pan, zoom, node-level controls
Dynamic inputs (text, number, boolean, secret, file attachment)
Branch comparison with pros/cons before choosing
One-line install across Claude Code, Cursor, Cline, Copilot

Живое демо

Как выглядит на практике

overture.replay ▶ готово

0/0

Установка

Выберите клиент

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "overture": {
      "command": "npx",
      "args": [
        "-y",
        "Overture"
      ],
      "_inferred": true
    }
  }
}

Откройте Claude Desktop → Settings → Developer → Edit Config. Перезапустите после сохранения.

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "overture": {
      "command": "npx",
      "args": [
        "-y",
        "Overture"
      ],
      "_inferred": true
    }
  }
}

Cursor использует ту же схему mcpServers, что и Claude Desktop. Конфиг проекта приоритетнее глобального.

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "overture": {
      "command": "npx",
      "args": [
        "-y",
        "Overture"
      ],
      "_inferred": true
    }
  }
}

Щёлкните значок MCP Servers на боковой панели Cline, затем "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "overture": {
      "command": "npx",
      "args": [
        "-y",
        "Overture"
      ],
      "_inferred": true
    }
  }
}

Тот же формат, что и Claude Desktop. Перезапустите Windsurf для применения.

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "overture",
      "command": "npx",
      "args": [
        "-y",
        "Overture"
      ]
    }
  ]
}

Continue использует массив объектов серверов, а не map.

~/.config/zed/settings.json

{
  "context_servers": {
    "overture": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "Overture"
        ]
      }
    }
  }
}

Добавьте в context_servers. Zed перезагружается автоматически.

claude mcp add overture -- npx -y Overture

Однострочная команда. Проверить: claude mcp list. Удалить: claude mcp remove.

Сценарии использования

Реальные сценарии: Overture

Review your agent's plan in a flowchart before it writes code

👤 Anyone running coding agents on real repos ⏱ ~15 min beginner

Когда использовать: You've been burned by an agent confidently writing 800 lines of wrong code — you want a gate.

Предварительные требования

Claude Code or equivalent agent — claude.ai/code

Поток

Install

Run claude mcp add overture-mcp -- npx overture-mcp to wire it into Claude Code.✓ Скопировано

→ Overture web UI reachable at shown URL
Ask for a feature; plan opens in canvas

Implement an auth middleware. Before coding, use overture to produce a plan graph.✓ Скопировано

→ Nodes for each step appear in the Overture UI
Approve or redirect nodes

Node 3 looks wrong — reject it with a comment 'use existing middleware at ./lib/auth.ts instead'✓ Скопировано

→ Plan regenerates; agent only codes after you press approve

Итог: Agent writes code you actually asked for — you caught the wrong assumption at step 3, not commit 3.

Подводные камни

Canvas becomes noisy on huge features — Break feature into sub-plans; Overture supports multi-project tabs

Сочетать с: claude-code

Compare two implementation approaches side by side

👤 Engineers choosing between designs ⏱ ~20 min intermediate

Когда использовать: You're torn between two approaches (Redis cache vs in-memory) and want the agent to plan both.

Поток

Ask for two branches

Plan this caching feature in two branches: (A) Redis, (B) in-memory LRU. Show pros/cons for each.✓ Скопировано

→ Overture renders two branches with comparison
Pick and execute

Approve branch B. Execute only that path.✓ Скопировано

→ Only the chosen branch runs

Итог: Informed decision between alternatives without committing code to both.

Inject secrets into a plan node without committing them

👤 Anyone scripting deploy plans ⏱ ~10 min intermediate

Когда использовать: A step needs an API key; you want to provide it at run-time, not in the prompt history.

Поток

Mark the node as needing a secret

The deploy node needs DEPLOY_TOKEN as a secret input. Pause until provided.✓ Скопировано

→ Overture shows a secret field awaiting input
Paste into the UI; node unlocks

(in Overture UI) paste token and click resume✓ Скопировано

→ Plan continues; secret not in chat history

Итог: Agents run privileged steps without secrets leaking into transcripts.

Комбинации

Сочетайте с другими MCP — эффект x10

overture + claude-code

Use Overture as the approval layer for every Claude Code task

From now on, for any task estimated >30 min, use overture to plan before coding.✓ Скопировано

overture + vibe-check

Plan → sanity check → execute

After Overture produces a plan, run vibe_check on it before I approve.✓ Скопировано

Инструменты

Что предоставляет этот MCP

Инструмент	Входные данные	Когда вызывать	Стоимость
plan_create	goal: str, context?: str	Start of any multi-step coding task	LLM tokens for planning
plan_update	plan_id, node_changes	React to user approve/reject	0
plan_execute	plan_id, from_node?	After user approval	tool calls + tokens
plan_branch	plan_id, from_node, alt_goal	Compare alternatives	LLM tokens

Стоимость и лимиты

Во что обходится

Квота API: None — local app
Токенов на вызов: Planning adds ~1-3k tokens up front; saves more in avoided wrong code
Деньги: Free, open source
Совет: Use plans only for non-trivial features; trivial edits don't need a graph

Безопасность

Права, секреты, радиус поражения

Хранение учётных данных: Secrets entered in the UI, stored in local browser storage per plan

Исходящий трафик: None by default — runs on localhost

Устранение неполадок

Частые ошибки и исправления

Canvas URL returns ERR_CONNECTION_REFUSED

Overture UI port (default 3939) not bound; check MCP server logs or set OVERTURE_PORT

Проверить: curl http://localhost:3939

Plan generation hangs

Your agent is waiting on LLM; check the agent's own logs for rate limit / token exhaustion

Node rejections not taking effect

Some agents cache plans — explicitly say 'regenerate the plan from node X with my feedback'

Альтернативы

Overture в сравнении

Альтернатива	Когда использовать	Компромисс
sequentialthinking-tools	You want a text plan, not a canvas	No visual comparison of branches
shrimp-task-manager	You want persistent tasks, not interactive approval	Different loop — more async, less gated

Ещё

Ресурсы

📖 Читать официальный README на GitHub

🐙 Открытые задачи

🔍 Все 400+ MCP-серверов и Skills