DOMShell MCP server
✓ VerifiedMengubah browser Chrome menjadi virtual filesystem, memungkinkan AI agent untuk menavigasi dan berinteraksi dengan halaman web menggunakan perintah Linux standar.
Juga dikenal sebagai apireno/DOMShell, @apireno/domshell
- Stars
- 60
- Tools
- —
- Unduhan, 30 hari
- 1.374
- Versi terbaru
- 2.0.10
- Commit terakhir
- 14 Agu 2026
- Lisensi
- MIT
Apa itu DOMShell MCP?
DOMShell adalah MCP server. Mengubah browser Chrome menjadi virtual filesystem, memungkinkan AI agent untuk menavigasi dan berinteraksi dengan halaman web menggunakan perintah Linux standar.
Ringkasan dibuat dari README proyek
Tentang DOMShell MCP server
DOMShell mengubah browser Chrome menjadi virtual filesystem dengan memetakan Accessibility Tree ke dalam struktur direktori. Hal ini memungkinkan AI agent untuk menavigasi halaman web menggunakan perintah Linux yang sudah familiar seperti ls, cd, grep, dan find, alih-alih bergantung pada CSS selector atau koordinat yang kompleks. Tool ini dirancang bagi developer yang menggunakan MCP client seperti Claude Desktop, Cursor, atau Windsurf untuk melakukan otomatisasi web dan ekstraksi data secara lebih efisien.
User dapat menginstal server ini melalui native CLI menggunakan npm, menjalankannya di dalam container Docker untuk isolasi proses, atau mengelolanya melalui ToolHive. Sebuah ekstensi Chrome yang diperlukan akan memfasilitasi komunikasi antara MCP server dan browser. Sistem ini menggunakan model autentikasi berbasis token yang aman dan mendukung berbagai tingkatan izin, termasuk read, navigate, write, dan operasi sensitif. Dengan menyediakan peta mental halaman melalui metafora filesystem, DOMShell mengurangi jumlah API call yang dibutuhkan untuk tugas web yang kompleks.
Apa yang bisa Anda lakukan dengannya
- 1Navigasi halaman web dengan perintah LinuxAI agent dapat menjelajahi elemen situs web menggunakan perintah terminal standar untuk menemukan informasi spesifik.
- 2Otomatisasi interaksi web melalui write toolsDeveloper dapat mengaktifkan izin write untuk memungkinkan agent melakukan klik tombol, mengetik teks, dan mengirimkan form.
- 3Menjalankan workflow web multi-stepAnda dapat mengirimkan urutan perintah dalam satu request untuk melakukan tugas lengkap seperti navigasi lalu melakukan pencarian.
- 4Isolasi sesi browser untuk beberapa agentServer ini mendukung isolated lanes sehingga berbagai AI client dapat bekerja di grup tab Chrome yang terpisah secara bersamaan.
Ditulis berdasarkan README proyek. Setiap use case diperiksa terhadap kutipan dari README tersebut.
Cara menginstal DOMShell MCP
Format diverifikasi 10 Nov 2026Tambahkan ke CursorTambahkan ke GooseInstal DOMShell MCP di Claude Code
$ claude mcp add domshell -- npx -y @apireno/domshellInstal DOMShell MCP di Cursor
~/.cursor/mcp.json
{
"mcpServers": {
"domshell": {
"command": "npx",
"args": [
"-y",
"@apireno/domshell"
]
}
}
}Instal DOMShell MCP di VS Code
.vscode/mcp.json
{
"servers": {
"domshell": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@apireno/domshell"
]
}
}
}Instal DOMShell MCP di VS Code CLI
$ code --add-mcp '{"name":"domshell","type":"stdio","command":"npx","args":["-y","@apireno/domshell"]}'Instal DOMShell MCP di Claude Desktop
claude_desktop_config.json
{
"mcpServers": {
"domshell": {
"command": "npx",
"args": [
"-y",
"@apireno/domshell"
]
}
}
}Instal DOMShell MCP di Codex
$ codex mcp add domshell -- npx -y @apireno/domshellInstal DOMShell MCP di Codex config.toml
~/.codex/config.toml
[mcp_servers.domshell] command = "npx" args = ["-y", "@apireno/domshell"]
Instal DOMShell MCP di Gemini CLI
$ gemini mcp add -s user domshell npx -- -y @apireno/domshellInstal DOMShell MCP di Gemini settings.json
~/.gemini/settings.json
{
"mcpServers": {
"domshell": {
"command": "npx",
"args": [
"-y",
"@apireno/domshell"
]
}
}
}Pengecekan otomatis
Berjalan 12 Nov 2026Laporan lengkap →Lolos checks otomatis kami. Ini bukan audit keamanan: baca kodenya dan berikan server akses paling terbatas yang dibutuhkannya. Cara kerja checks
- Source repository terhubung dan dapat dijangkauLolos
- Lisensi open source (OSI)Lolos
- Ada commit atau release dalam satu tahun terakhirLolos
- Nama package tidak mirip dengan package populerLolos
- Remote endpoint menggunakan HTTPSTidak diperiksa
- Tools yang bersifat destruktif telah diberi labelTidak diperiksa
- Tidak ada instruksi tersembunyi untuk modelLolos
- Tidak ada advisory kritis pada paket atau dependensinyaLolos
README
Lihat di GitHub@apireno/domshell
MCP server that turns your browser into a filesystem. AI agents use ls, cd, grep, find, click, and type to browse the web — the same way you'd navigate a Linux filesystem.
DOMShell maps Chrome's Accessibility Tree to a virtual filesystem. Every DOM element becomes a file or directory. Agents work with familiar commands instead of raw selectors and coordinates.
Install
DOMShell supports three install paths — pick whichever fits your setup. Path 1 is the documented default and what 99% of users want; Paths 2 and 3 exist if you want lifecycle management across several MCP servers.
Path 1 — Native CLI (default, simplest)
npm install -g @apireno/domshell
Or run directly without installing:
npx @apireno/domshell
Works on macOS, Linux, and Windows with Node 18+. Nothing else required.
Path 2 — Dockerized (optional)
Run DOMShell in a container — useful if you don't want a global Node install or you want process isolation. Requires Docker Desktop. The token is persisted to a gitignored .env file so it survives container restarts and host reboots:
git clone https://github.com/apireno/DOMShell && cd DOMShell/mcp-server
cp .env.example .env
# Edit .env and set DOMSHELL_TOKEN to: $(openssl rand -hex 24)
docker compose build # produces domshell-mcp-server:latest
docker compose up -d
docker compose logs -f
The container maps ports 3001 (MCP HTTP) and 9876 (WebSocket bridge to the Chrome extension) to your loopback interface, so the Chrome extension reaches it exactly as it would the native install. restart: unless-stopped brings the container back automatically when Docker Desktop starts (toggle "Start Docker Desktop when you log in" in Docker Settings to make Path 2 fully reboot-resilient).
Path 3 — ToolHive-managed (optional)
Use ToolHive (thv) to manage the container's lifecycle alongside any other MCP servers you're running. Same .env file Path 2 uses, just sourced by thv:
brew tap stacklok/tap && brew install thv # one-time
cd DOMShell/mcp-server
cp .env.example .env # edit DOMSHELL_TOKEN if you haven't already
docker compose build # produces domshell-mcp-server:latest
thv run \
--name domshell-mcp-server \
--transport streamable-http \
--target-port 3001 \
-p 9876:9876 \
--env-file .env \
domshell-mcp-server:latest
thv list # workload status (URL on the proxy port)
thv logs domshell-mcp-server # tail logs
The container is reachable on http://127.0.0.1:3001/mcp because --target-port 3001 auto-publishes that port to host loopback — your existing MCP client config (Claude Desktop, Cursor, …) keeps working without changes.
Path 3 needs a one-time launchd agent for reboot autostart (Path 2 survives reboot through Docker Desktop alone). Full reboot table, launchd plist template, autostart script, and a simulated-reboot verification: docs/deploy/container-and-toolhive.md.
Chrome extension (required for all three paths)
You also need the DOMShell Chrome Extension — the MCP server talks to the browser through it.
Quick Start
npx @apireno/domshell init
The setup wizard detects installed MCP clients (Claude Desktop, Cursor, Windsurf), generates a secure token, and writes the config. Use --yes for non-interactive mode.
Then:
- Install the DOMShell Chrome Extension
- Open Chrome's side panel and start a DOMShell session
- Restart your MCP client — DOMShell tools will appear
- In the DOMShell terminal, run
connect <token>(printed by the wizard)
Claude Desktop Config
Add this to your Claude Desktop MCP settings (claude_desktop_config.json):
{
"mcpServers": {
"domshell": {
"command": "npx",
"args": ["-y", "@apireno/domshell", "--allow-write"]
}
}
}
For the stdio proxy (required if your client needs command/args format):
{
"mcpServers": {
"domshell": {
"command": "npx",
"args": ["-y", "-p", "@apireno/domshell", "domshell-proxy", "--port", "3001", "--token", "YOUR_TOKEN"]
}
}
}
Benchmarks
We tested DOMShell against Computer-in-the-Cloud (CiC) — both using Claude as the underlying model — across 4 web tasks over 8 trials.
| Metric | DOMShell | CiC |
|---|---|---|
| Avg API calls per task | 4.3 | 8.6 |
| Hardest task (T4) | 6.0 calls | 13.0 calls |
| Cold start vs CiC warm cache | 4.5 calls | 5.5 calls |
DOMShell uses 2× fewer API calls to complete the same tasks. The filesystem metaphor gives the model a mental map of the page, so it spends less time exploring and more time extracting.
Full experiment data: experiments/claude_domshell_vs_cic
MCP Interface
Default (recommended): the single domshell_execute tool. Pass any DOMShell command as a string — "ls", "cd tabs/123", "open https://example.com" — or pass several newline-separated for a whole workflow in one call. One tool, one approval, the full command vocabulary in the tool description.
Multi-line semantics: when command contains newlines, each line runs in order in the same MCP session and lane, so cwd, env, and history persist between lines. An error on one line does not halt the rest — its message is included in the combined output and subsequent lines still run. This is the right shape for cleanup-line idioms like "cd path\ngrep pattern\ncd back": the trailing restore runs even if the middle step errors. Implementation: mcp-server/index.ts:1115-1136.
Lanes & multi-agent. Every reply ends with [lane: <id>]. Multiple MCP clients can connect simultaneously, each in its own isolated Chrome tab group. To carve sub-lanes within a single client (e.g. two Claude Desktop chats), pass group_id: "new" on the first call and carry the returned id thereafter. See CHANGELOG.md.
Granular mode — --granular
Start the server with --granular and the 38 per-command tools are exposed alongside domshell_execute. Use it when you want per-operation approval in the client UI.
Read tier (always available): ls, cd, pwd, cat, find, grep, tree, text, read, tabs, here, refresh, diff, eval, functions, watch, for, script, each, extract_links, extract_table
Write tier (--allow-write): click, focus, type, scroll, navigate, open, submit, back, forward, close, select, js, screenshot, wait, call
Sensitive tier (--allow-sensitive): whoami
CLI Flags
| Flag | Description |
|---|---|
--allow-write |
Enable write-tier tools (click, type, navigate, etc.) |
--allow-sensitive |
Enable sensitive-tier tools (whoami) |
--allow-all |
Enable all tiers |
--granular |
Expose the 38 per-command tools alongside domshell_execute |
--port N |
WebSocket port (default: 9876) |
--mcp-port N |
HTTP MCP port (default: 3001) |
--domains a.com,b.com |
Restrict to specific domains |
--token TOKEN |
Set auth token (auto-generated if omitted) |
--log-file PATH |
Audit log location (default: audit.log) |
--confirm |
Opt in to per-action y/n prompts in the server terminal before each write. Off by default. |
--no-confirm |
No-op (kept for backward compatibility — per-action prompts are off by default). |
Security
Every command goes through a 4-tier security model:
- Read — always allowed (ls, find, grep, text)
- Navigate — requires
--allow-write(navigate, open, back, forward) - Write — requires
--allow-write(click, type, js, select) - Sensitive — requires
--allow-sensitive(whoami, cookie access)
All commands are logged to an audit file. Domain allowlists restrict which sites the agent can access. Auth tokens protect the HTTP endpoint.
Architecture
MCP Client (Claude, Cursor, etc.)
↓ HTTP :3001/mcp
DOMShell MCP Server (Express + WebSocket)
↓ WebSocket :9876
DOMShell Chrome Extension (CDP 1.3)
↓ Chrome Debugger Protocol
Browser DOM + Accessibility Tree
Links
- Chrome Web Store: pireno.com/domshell
- GitHub: github.com/apireno/DOMShell
- Blog: Why I Built a Filesystem for the Browser
- Project home: pireno.com/domshell
Built by Pireno.
License
MIT
Pertanyaan tentang DOMShell MCP
Bagaimana cara menambahkan DOMShell MCP ke Claude Code?
Jalankan claude mcp add domshell -- npx -y @apireno/domshell di terminal Anda. Tambahkan --scope user agar tersedia di semua proyek.
Bagaimana cara menambahkan DOMShell MCP ke Cursor?
Buka ~/.cursor/mcp.json dan tambahkan server di bawah mcpServers, menggunakan config Cursor yang ditunjukkan di bagian instalasi di atas.
Bagaimana cara kerja DOMShell?
DOMShell memetakan Accessibility Tree milik Chrome ke dalam virtual filesystem, sehingga agent dapat menggunakan perintah seperti ls, cd, dan grep untuk menjelajahi web.
Bisakah saya membatasi domain yang diakses oleh AI agent saya?
Ya, Anda dapat menggunakan flag --domains untuk membatasi agent hanya pada domain tertentu.
Apakah mungkin menggunakan tool yang lebih granular daripada satu command tool tunggal?
Ya, dengan menjalankan server menggunakan flag --granular, Anda dapat mengekspos 38 tool individual per-command untuk kontrol yang lebih presisi.