Overture

Voyez le plan avant le code. Approuvez-le. Puis regardez-le s’exécuter.

Problème • Solution • Installation • Fonctionnalités • Marketplace • Configuration • Discussions

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

🔥 Le Problème

Aujourd’hui, tous les agents de codage IA — Cursor, Claude Code, Cline, Copilot — fonctionnent de la même manière :

✨ La Solution

Overture intercepte la phase de planification de votre agent IA et la restitue sous forme d’un organigramme visuel interactif — avant qu’aucun code ne soit écrit.

L’agent n’écrit pas une seule ligne de code tant que vous n’approuvez pas le plan.

Plans Visuels Organigramme interactif avec navigation par panoramique, zoom et clic

Joindre un Contexte Fichiers, clés API, instructions par étape

Choisir des Approches Comparer les avantages/inconvénients de différents chemins

Exécution en Temps Réel Regardez les nœuds s’illuminer avec la progression

Marketplace MCP Parcourez et attachez des outils par nœud

🚀 Installation

Overture est un serveur MCP qui fonctionne avec tout agent de codage IA compatible MCP. Une seule commande pour l’installer.

Claude Code

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

Cursor

Ajoutez à ~/.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
    }
  }
}

Installation Globale (Optionnelle)

npm install -g overture-mcp

Vérifiez que ça fonctionne

Donnez n’importe quelle tâche à votre agent. Overture s’ouvre automatiquement sur http://localhost:3031 avec votre plan prêt à être approuvé.

🎯 Comment ça marche

Le Flux :

🛠 Fonctionnalités

Canevas de Plan Interactif

Panneau de Détails du Nœud

Cliquez sur n’importe quel nœud pour révéler tous ses détails :

Champs Dynamiques (Entrées Utilisateur)

Les nœuds peuvent demander votre saisie avant l’exécution :

Chaque champ inclut :

• Indicateur requis/optionnel
• Valeurs par défaut
• Texte d’aide et descriptions
• Instructions de configuration ("Comment obtenir une clé API")

Pièces Jointes

Joignez des fichiers de contexte à des nœuds spécifiques :

• Détection automatique du type — Image, code, document ou autre
• Icônes visuelles par type de fichier
• Descriptions — ajoutez des notes sur l’importance de ce fichier
• Supprimer — retirez les pièces jointes indésirables

Méta-Instructions

Ajoutez des instructions LLM personnalisées à n’importe quel nœud :

"Portez une attention particulière à la gestion des erreurs ici" "Utilisez le modèle d’authentification existant de src/auth.ts" "Assurez-vous d’ajouter des tests pour les cas limites"

Les instructions sont envoyées à l’agent juste avant l’exécution de ce nœud.

Détection et Sélection de Branche

Lorsque l’agent propose plusieurs approches :

Liste de Vérification des Exigences

Avant de pouvoir approuver, Overture montre ce qui est nécessaire :

• Champs obligatoires vides — comptés par nœud
• Sélections de branche — quelles décisions sont en attente
• Indicateur de progression — suivi visuel de l’achèvement
• Éléments extensibles — cliquez pour voir les détails
• Code couleur — Vert (fait) / Orange (en attente)

Le bouton Approuver reste désactivé jusqu’à ce que toutes les exigences soient remplies.

Contrôles d’Exécution

Le bouton d’approbation est intelligent :

• 🟢 "Approuver & Exécuter" — plan prêt, exigences remplies
• 🟠 "Compléter les Exigences" — conditions non remplies
• 🔵 "Exécution..." — en cours avec indicateur de progression
• 🟢 "Terminé" — tout est fait
• 🔴 "Échoué" — une erreur s’est produite

Sortie Structurée

Après l’exécution de chaque nœud, voyez une sortie structurée riche :

Chaque catégorie est extensible — explorez sans surcharge visuelle.

Fenêtre de Sortie

Cliquez sur n’importe quel nœud terminé pour voir la sortie complète :

• Défilable pour les longues sorties
• Coloration syntaxique des extraits de code
• Fermer avec Échap ou cliquez à l’extérieur

🏪 Marketplace MCP

Parcourez et attachez des serveurs MCP directement depuis l’interface utilisateur d’Overture.

Lorsque vous attachez un serveur MCP à un nœud, l’agent accède à ces outils uniquement pour cette étape.

📂 Support Multi-Projets

Travaillez sur plusieurs projets simultanément :

Un seul projet ? La barre d’onglets se masque automatiquement pour une interface plus propre.

📜 Historique des Plans & Persistance

Ne perdez jamais votre travail :

Informations de reprise

Lors de la reprise, vous obtenez un contexte complet :

• Nœud actuel — où l'exécution s'est arrêtée
• Nœuds terminés — avec leurs sorties
• Nœuds en attente — ce qu'il reste à faire
• Nœuds échoués — avec les messages d'erreur
• Toutes les configurations — valeurs de champ, branches, pièces jointes
• Horodatages — quand créé, quand mis en pause

✏️ Modification dynamique du plan

Modifiez les plans même pendant l'exécution :

Vue des différences du plan

Lorsqu'un plan change, voyez exactement ce qui est différent :

• Nœuds ajoutés — surlignés en vert
• Nœuds supprimés — surlignés en rouge
• Nœuds modifiés — en jaune avec comparaison avant/après
• Changements d'arêtes — connexions ajoutées/supprimées

🔌 Outils MCP (Pour les développeurs d'agents)

Overture expose 11 outils MCP avec lesquels les agents peuvent interagir :

🔄 Communication WebSocket en temps réel

19 types de messages serveur vers client :

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 types de messages client vers serveur :

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

Mode relais

Lorsque le port WebSocket est déjà utilisé, Overture fonctionne automatiquement comme un client relais, transmettant les messages via le serveur existant. Plusieurs instances d'agent peuvent partager une seule interface utilisateur.

⚙️ Configuration

Définition des variables d'environnement

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"
      }
    }
  }
}

⌨️ Raccourcis clavier

🤝 Agents pris en charge

Chaque agent a des invites personnalisées pour une génération de plan optimale.

💪 Pourquoi Overture ?

🧑‍💻 Développement

# 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

Stack technique

🤝 Contribution

Overture est open source et nous accueillons les contributions !

• 🐛 Signaler des bugs sur GitHub Issues
• 💡 Suggérer des fonctionnalités sur GitHub Discussions
• 📖 Améliorer la documentation — les PRs sont les bienvenues
• 🔧 Contribuer au code — voir CONTRIBUTING.md

Toutes les contributions sont appréciées, aussi petites soient-elles.

📄 Licence

Licence MIT - voir LICENSE pour plus de détails.

Construit par Sixth

Pour la meilleure expérience, essayez Sixth pour VS Code
Overture est intégré sans aucune configuration requise.

_{Arrêtez de voler à l'aveugle. Voyez le plan. Approuvez-le. Exécutez en toute confiance.}

Historique des étoiles