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

LLMSpend: Anthropic 및 OpenAI SDK용 오픈소스 비용 추적기
Tools

LLMSpend: Anthropic 및 OpenAI SDK용 오픈소스 비용 추적기

LLMSpend는 두 줄의 코드로 Anthropic 및 OpenAI SDK 호출에 비용 추적 기능을 추가하는 Python 라이브러리입니다. 외부로 데이터를 전송하지 않고 로컬 SQLite 저장소, CLI 보고서, 웹 대시보드를 제공합니다.

OpenClawRadar
오픈소스 JARVIS 데스크톱 어시스턴트, Claude Code로 2일 만에 구축됨
Tools

오픈소스 JARVIS 데스크톱 어시스턴트, Claude Code로 2일 만에 구축됨

개발자가 Claude Code를 주요 개발 도구로 사용하여 1-2일 만에 JARVIS라는 macOS 데스크톱 AI 어시스턴트를 구축했습니다. 이 애플리케이션은 홀로그램 UI, 시스템 제어를 위한 18개의 네이티브 도구, 음성 인터페이스, Gmail, Google Calendar, Notion, GitHub, Obsidian과의 통합 기능을 갖추고 있습니다.

OpenClawRadar
개발자가 Claude Code로 GALA 프로그래밍 언어 구축, 강력한 타입 시스템이 AI 생성 코드 신뢰성 향상에 도움 된다고 강조
Tools

개발자가 Claude Code로 GALA 프로그래밍 언어 구축, 강력한 타입 시스템이 AI 생성 코드 신뢰성 향상에 도움 된다고 강조

한 개발자가 Claude Code를 광범위하게 사용하여 Go로 트랜스파일되는 함수형 프로그래밍 언어 GALA를 구축했습니다. 이 언어는 봉인된 타입, 완전한 패턴 매칭, 기본적으로 불변성, 모나드 등의 기능을 갖추고 있으며, Claude는 타입 추론, 패턴 매칭 변환기 구현, 40개 이상의 버그 수정에 도움을 주었습니다.

OpenClawRadar
Claude가 Garmin의 BLE 프로토콜을 리버스 엔지니어링하여 네이티브 러닝 센서를 위조하는 데 도움을 준 방법
Tools

Claude가 Garmin의 BLE 프로토콜을 리버스 엔지니어링하여 네이티브 러닝 센서를 위조하는 데 도움을 준 방법

한 개발자가 Claude를 사용해 Garmin의 문서화되지 않은 BLE 프로토콜을 리버스 엔지니어링하여 ESP32가 네이티브 HRM 스트랩처럼 보이도록 만들었습니다. 듀얼 아이덴티티 전환과 러닝 다이내믹스 리버스 엔지니어링을 다룹니다.

OpenClawRadar