Agent MCP Studio: Build Multi-Agent MCP Systems Entirely in a Browser via WASM

✍️ OpenClawRadar📅 公開日: April 25, 2026🔗 Source
Agent MCP Studio: Build Multi-Agent MCP Systems Entirely in a Browser via WASM
Ad

Agent MCP Studio is a browser-only IDE for building and orchestrating MCP (Model Context Protocol) agent systems. The entire stack — tool authoring, multi-agent orchestration, RAG, code execution — runs from a single static HTML file via WebAssembly. No backend, no Docker, no server. Close the tab and everything is gone.

Key Features

  • WASM-based sandbox: Tools run in Pyodide (Python) or DuckDB-WASM (SQL), with no code leaving the browser. LLM-generated code is AST-validated before registration, then JIT-compiled on first call.
  • 10 orchestration strategies: Supervisor, Mixture of Experts (parallel + synthesizer), Sequential Pipeline, Plan & Execute, Swarm, Debate, Reflection, Hierarchical, Round-Robin, Map-Reduce. You drag tool chips onto persona nodes on a service graph, pick a strategy, and the topology adapts.
  • On-device RAG: Uses Xenova/all-MiniLM-L6-v2 via Transformers.js for local embeddings. No network calls.
  • Built-in LLM: Supports OpenAI Chat Completions or a local Qwen 1.5 0.5B running in-browser via Transformers.js for fully offline mode.
  • Bridge.js: A Node bridge speaks stdio to Claude Desktop and WebSocket to your tab — so your browser becomes an MCP server.
  • Export to production: Generates a real Python MCP server: server.py, agentic.py (faithful port of the browser orchestration), tools/*.py, Dockerfile, requirements.txt, .env.example. Also exports as a single .agentpack.json (Project Pack), which auto-detects required external services from os.environ.get(...) calls.
Ad

Practical Commands

# Build the exported Docker image
cd agent-mcp-server-YYYY-MM-DD
docker build -t agent-mcp-export .

Run (stdio – for local use with Claude Desktop)

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

Wire Claude Desktop to the container

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

The export also supports deploying to Fly.io, Railway, Render, Cloud Run, ECS, etc. The image defaults to stdio; for HTTP, see the README.

Who it's for: Developers building multi-agent systems who want a zero-infrastructure prototype-to-production pipeline, especially those experimenting with MCP and local-first AI.

📖 Read the full source: HN AI Agents

Ad

👀 See Also

オープンソースのLLMエージェント用メモリシステムが高いベンチマークスコアを達成
Tools

オープンソースのLLMエージェント用メモリシステムが高いベンチマークスコアを達成

Claude CodeとOpenClaw向けの永続メモリシステムは、LLMエージェントにセッション間での実際のコンテキスト連続性を提供し、LoCoMoベンチマークで90.8%、LongMemEvalで89.1%のスコアを達成しました。アダプタベースのアーキテクチャは、あらゆるエージェントフレームワークで動作します。

OpenClawRadar
Claudeを使用してCapacitor WebViewsでモバイルアプリのQAを自動化する
Tools

Claudeを使用してCapacitor WebViewsでモバイルアプリのQAを自動化する

ある開発者が、CapacitorベースのモバイルアプリをAndroidとiOSでテストするためにClaudeを使用した自動QAシステムを構築しました。このアプローチでは、Android WebViewにはChrome DevTools Protocolを、スクリーンショットによる視覚的分析を採用しており、Androidのセットアップは90分で完了したのに対し、iOSには6時間以上を要しました。

OpenClawRadar
SLayer: クエリから学習するAIエージェント向けのオープンソース・セマンティックレイヤー
Tools

SLayer: クエリから学習するAIエージェント向けのオープンソース・セマンティックレイヤー

SLayerは、AIエージェントがデータベースにクエリを実行し、モデルを管理し、MCP、REST、CLI、Pythonを介したインタラクションから学習できる、軽量で埋め込み可能なセマンティックレイヤーです。

OpenClawRadar
🦀
Tools

Usage4Claude 3.0.0:Claude 和 Codex 的开源 macOS 菜单栏追踪器

Usage4Claude 3.0.0 では、オプションの Codex サポート、Claude へのブラウザ内蔵ログイン、マルチアカウント切り替え、ローカライズされた通知が追加されました。

OpenClawRadar