Agent MCP Studio: Construisez des systèmes multi-agents MCP entièrement dans un navigateur via WASM

✍️ OpenClawRadar📅 Publié: April 25, 2026🔗 Source
Agent MCP Studio: Construisez des systèmes multi-agents MCP entièrement dans un navigateur via WASM
Ad

Agent MCP Studio est un IDE uniquement navigateur pour construire et orchestrer des systèmes d'agents MCP (Model Context Protocol). L'ensemble de la pile — création d'outils, orchestration multi-agents, RAG, exécution de code — fonctionne à partir d'un seul fichier HTML statique via WebAssembly. Pas de backend, pas de Docker, pas de serveur. Fermez l'onglet et tout disparaît.

Fonctionnalités clés

  • Sandbox basé sur WASM : Les outils s'exécutent dans Pyodide (Python) ou DuckDB-WASM (SQL), sans que le code ne quitte le navigateur. Le code généré par LLM est validé par AST avant enregistrement, puis compilé JIT au premier appel.
  • 10 stratégies d'orchestration : Superviseur, Mixture of Experts (parallèle + synthétiseur), Pipeline séquentiel, Plan & Execute, Swarm, Débat, Réflexion, Hiérarchique, Round-Robin, Map-Reduce. Vous faites glisser des puces d'outils sur des nœuds de persona dans un graphe de services, choisissez une stratégie, et la topologie s'adapte.
  • RAG sur appareil : Utilise Xenova/all-MiniLM-L6-v2 via Transformers.js pour les embeddings locaux. Aucun appel réseau.
  • LLM intégré : Prend en charge OpenAI Chat Completions ou un Qwen 1.5 0.5B local exécuté dans le navigateur via Transformers.js pour un mode entièrement hors ligne.
  • Bridge.js : Un pont Node communique via stdio avec Claude Desktop et WebSocket avec votre onglet — ainsi votre navigateur devient un serveur MCP.
  • Export vers la production : Génère un serveur MCP Python réel : server.py, agentic.py (portage fidèle de l'orchestration navigateur), tools/*.py, Dockerfile, requirements.txt, .env.example. Exporte également sous forme d'un seul .agentpack.json (Project Pack), qui détecte automatiquement les services externes requis à partir des appels os.environ.get(...).
Ad

Commandes pratiques

# Construire l'image Docker exportée
cd agent-mcp-server-YYYY-MM-DD
docker build -t agent-mcp-export .

Exécuter (stdio – pour usage local avec Claude Desktop)

docker run --rm -i
-e MCP_ALLOWED_HOSTS='api.github.com,*.githubusercontent.com'
agent-mcp-export

Connecter Claude Desktop au conteneur

{ "mcpServers": { "agent-mcp-studio-export": { "command": "docker", "args": ["run","--rm","-i","-e","MCP_ALLOWED_HOSTS=api.github.com","agent-mcp-export"] } } }

L'export prend également en charge le déploiement sur Fly.io, Railway, Render, Cloud Run, ECS, etc. L'image par défaut est en stdio ; pour HTTP, voir le README.

À qui cela s'adresse : Aux développeurs construisant des systèmes multi-agents qui veulent un pipeline prototype-à-production sans infrastructure, surtout ceux qui expérimentent avec MCP et l'IA en local.

📖 Lire la source complète : HN AI Agents

Ad

👀 See Also

Nakkas MCP Server Génère des SVGs Animés à Partir de Descriptions IA
Tools

Nakkas MCP Server Génère des SVGs Animés à Partir de Descriptions IA

Nakkas est un serveur MCP où l'IA construit des configurations SVG animées complètes à partir de descriptions, générant des SVG animés propres avec des formes, des dégradés, des animations et des filtres. Il prend en charge les courbes paramétriques, 15 préréglages de filtres, les animations CSS @keyframes et SMIL, et fonctionne partout où le SVG s'affiche.

OpenClawRadar
Claude Sleuth : Un flux de travail d'investigation en 56 tâches pour Claude AI
Tools

Claude Sleuth : Un flux de travail d'investigation en 56 tâches pour Claude AI

Claude Sleuth est un flux de travail d'investigation structuré pour Claude AI avec 6 phases et 56 tâches, incluant un stockage d'état persistant via Cloudflare D1 et des conventions de sortie standardisées comprenant des horodatages ISO 8601, des enregistrements d'entités POLE et le langage de probabilité ICD 203.

OpenClawRadar
Résultats de référence : Quand utiliser Claude Opus avec Codex vs. Opus pur pour la génération de code
Tools

Résultats de référence : Quand utiliser Claude Opus avec Codex vs. Opus pur pour la génération de code

Un benchmark contrôlé a testé l'approche 'Planifier avec Opus, Exécuter avec Codex' sur trois tâches de codage réelles. Les résultats montrent un point de croisement des coûts à environ 600 lignes de code, avec des recommandations spécifiques basées sur la taille du projet.

OpenClawRadar
Claude-rank : Plugin Claude Code pour les audits de visibilité dans la recherche IA
Tools

Claude-rank : Plugin Claude Code pour les audits de visibilité dans la recherche IA

Claude-rank est un plugin Claude Code gratuit et une interface en ligne de commande qui audite les fondations techniques pour la visibilité dans les moteurs de recherche IA, gérant le SEO technique, l'évaluation de la citabilité IA, les vérifications de crawlabilité pour les robots IA et les corrections automatisées des problèmes de découvrabilité.

OpenClawRadar