Overture

Сначала посмотрите план, прежде чем писать код. Утвердите его. Затем наблюдайте за выполнением.

Проблема • Решение • Установка • Возможности • Маркетплейс • Конфигурация • Обсуждения

https://github.com/user-attachments/assets/eeb9c4cb-c80d-42da-bf63-c0c4ecb1e5d6

🔥 Проблема

Каждый современный AI-агент для кодинга — Cursor, Claude Code, Cline, Copilot — работает одинаково:

✨ Решение

Overture перехватывает фазу планирования вашего AI-агента и отображает ее в виде интерактивной визуальной блок-схемы — до того, как будет написан какой-либо код.

Агент не пишет ни строчки кода, пока вы не утвердите план.

Визуальные планы Интерактивная блок-схема с панорамированием, масштабированием и навигацией по клику

Прикрепить контекст Файлы, ключи API, инструкции для каждого шага

Выбрать подходы Сравните плюсы и минусы разных путей

Выполнение в реальном времени Смотрите, как узлы подсвечиваются по мере выполнения

Маркетплейс MCP Просматривайте и прикрепляйте инструменты к узлам

🚀 Установка

Overture — это MCP-сервер, который работает с любым MCP-совместимым AI-агентом для кодинга. Одна команда для установки.

Claude Code

claude mcp add overture-mcp -- npx overture-mcp

Cursor

Добавьте в ~/.cursor/mcp.json:

{
  "mcpServers": {
    "overture": {
      "command": "npx",
      "args": ["overture-mcp"]
    }
  }
}

{
  "mcpServers": {
    "overture": {
      "command": "npx",
      "args": ["overture-mcp"]
    }
  }
}

{
  "servers": {
    "overture": {
      "command": "npx",
      "args": ["overture-mcp"]
    }
  }
}

{
  "mcpServers": {
    "overture": {
      "command": "npx",
      "args": ["overture-mcp"],
      "disabled": false
    }
  }
}

Глобальная установка (опционально)

npm install -g overture-mcp

Проверьте работу

Дайте агенту любое задание. Overture автоматически откроется по адресу http://localhost:3031 с вашим планом, готовым к утверждению.

🎯 Как это работает

Процесс:

🛠 Возможности

Интерактивный холст плана

Панель деталей узла

Нажмите на любой узел, чтобы увидеть его полные детали:

Динамические поля (пользовательский ввод)

Узлы могут запрашивать у вас ввод перед выполнением:

Каждое поле включает:

• Индикатор обязательно/необязательно
• Значения по умолчанию
• Текст справки и описания
• Инструкции по настройке ("Как получить ключ API")

Вложения файлов

Прикрепляйте контекстные файлы к определенным узлам:

• Автоматическое определение типа — Изображение, код, документ или другое
• Визуальные иконки для каждого типа файла
• Описания — добавляйте заметки о том, почему этот файл важен
• Удаление — убирайте ненужные вложения

Мета-инструкции

Добавляйте пользовательские инструкции LLM к любому узлу:

"Уделите особое внимание обработке ошибок здесь" "Используйте существующий шаблон аутентификации из src/auth.ts" "Обязательно добавьте тесты для крайних случаев"

Инструкции отправляются агенту непосредственно перед выполнением этого узла.

Обнаружение и выбор веток

Когда агент предлагает несколько подходов:

Чек-лист требований

Прежде чем вы сможете утвердить план, Overture показывает, что необходимо:

• Пустые обязательные поля — подсчет по узлам
• Выбор веток — какие решения ожидают принятия
• Индикатор прогресса — визуальное отслеживание завершения
• Разворачиваемые элементы — нажмите, чтобы увидеть детали
• Цветовое кодирование — Зеленый (готово) / Оранжевый (ожидает)

Кнопка «Утвердить» остается неактивной, пока все требования не будут выполнены.

Элементы управления выполнением

Кнопка утверждения интеллектуальна:

• 🟢 «Утвердить и выполнить» — план готов, требования выполнены
• 🟠 «Выполнить требования» — условия не выполнены
• 🔵 «Выполняется...» — запущено с индикатором выполнения
• 🟢 «Завершено» — все готово
• 🔴 «Ошибка» — произошла ошибка

Структурированный вывод

После выполнения каждого узла просматривайте насыщенный структурированный вывод:

Каждая категория разворачиваемая — углубляйтесь без визуальной перегрузки.

Модальное окно вывода

Нажмите на любой завершенный узел, чтобы увидеть полный вывод:

• Прокручиваемый для длинных выводов
• Подсветка синтаксиса фрагментов кода
• Закрытие по Escape или кликом вне окна

🏪 Маркетплейс MCP

Просматривайте и прикрепляйте MCP-серверы прямо из интерфейса Overture.

Когда вы прикрепляете MCP-сервер к узлу, агент получает доступ к этим инструментам только для этого шага.

📂 Поддержка нескольких проектов

Работайте над несколькими проектами одновременно:

Один проект? Панель вкладок автоматически скрывается для более чистого интерфейса.

📜 История планов и сохранность

Никогда не теряйте свою работу:

Информация о возобновлении

При возобновлении вы получаете полный контекст:

• Текущий узел — где остановилось выполнение
• Завершённые узлы — с их результатами
• Ожидающие узлы — что осталось сделать
• Узлы с ошибкой — с сообщениями об ошибках
• Все конфигурации — значения полей, ветки, вложения
• Временные метки — когда создано, когда приостановлено

✏️ Динамическое изменение плана

Изменяйте планы даже во время выполнения:

Представление различий плана

Когда план меняется, смотрите, что именно изменилось:

• Добавленные узлы — выделены зелёным
• Удалённые узлы — выделены красным
• Изменённые узлы — жёлтым со сравнением до/после
• Изменения связей — добавленные/удалённые соединения

🔌 Инструменты MCP (Для разработчиков агентов)

Overture предоставляет 11 инструментов MCP для взаимодействия агентов:

🔄 Обмен данными через WebSocket в реальном времени

19 типов сообщений от сервера клиенту:

connected • plan_started • node_added • edge_added • plan_ready • plan_approved • node_status_updated • plan_completed • plan_failed • plan_paused • plan_resumed • nodes_inserted • node_removed • project_registered • projects_list • history_entries • plan_loaded • resume_plan_info • plan_updated

16 типов сообщений от клиента серверу:

approve_plan • cancel_plan • rerun_request • pause_execution • resume_execution • insert_nodes • remove_node • register_project • subscribe_project • unsubscribe_project • get_history • load_plan • get_resume_info • save_plan • request_plan_update • create_new_plan

Режим ретрансляции

Когда порт WebSocket уже используется, Overture автоматически работает как клиент-ретранслятор, пересылая сообщения через существующий сервер. Несколько экземпляров агента могут использовать один интерфейс.

⚙️ Конфигурация

Установка переменных окружения

claude mcp add overture-mcp -e OVERTURE_HTTP_PORT=4000 -e OVERTURE_AUTO_OPEN=false -- npx overture-mcp

{
  "mcpServers": {
    "overture": {
      "command": "npx",
      "args": ["overture-mcp"],
      "env": {
        "OVERTURE_HTTP_PORT": "4000",
        "OVERTURE_WS_PORT": "4001",
        "OVERTURE_AUTO_OPEN": "false"
      }
    }
  }
}

{
  "servers": {
    "overture": {
      "command": "npx",
      "args": ["overture-mcp"],
      "env": {
        "OVERTURE_HTTP_PORT": "4000",
        "OVERTURE_WS_PORT": "4001",
        "OVERTURE_AUTO_OPEN": "false"
      }
    }
  }
}

⌨️ Горячие клавиши

🤝 Поддерживаемые агенты

Каждый агент имеет специально адаптированные подсказки для оптимальной генерации планов.

💪 Почему Overture?

🧑‍💻 Разработка

# Clone the repo
git clone https://github.com/SixHq/Overture.git
cd Overture

# Install dependencies
npm install

# Build all packages
npm run build

# Start MCP server (in one terminal)
cd packages/mcp-server && npm start

# Start UI dev server (in another terminal)
cd packages/ui && npm run dev

Технологический стек

🤝 Участие в разработке

Overture — проект с открытым исходным кодом, и мы приветствуем ваш вклад!

• 🐛 Сообщайте об ошибках на GitHub Issues
• 💡 Предлагайте функции на GitHub Discussions
• 📖 Улучшайте документацию — PR приветствуются
• 🔧 Вносите код — см. CONTRIBUTING.md

Любой вклад ценен, каким бы малым он ни был.

📄 Лицензия

Лицензия MIT — подробнее см. LICENSE.

Создано Sixth

Для наилучшего опыта попробуйте Sixth для VS Code
Overture встроен и не требует настройки.

_{Хватит действовать вслепую. Смотрите план. Одобряйте его. Выполняйте с уверенностью.}

История звёзд