Open Source · MIT License · v2026.3.4

AI Agents,
One Office.

ClawProwl is the visual monitoring & management frontend for multi-agent AI systems. Watch your AI agents work — live, in 2D & 3D. Turns your multi-agent system into a real-time digital office you can see, manage, and control.

Open Live Demo View on GitHub npx @clawprowl/clawprowl
ClawProwl — 2D Office View
Live
Desk Zone
🐾
Prowl
🚀
0xDeployer
⚡
JessePollak
🔍 Calling web_search…
Meeting Zone
🏦
Bankr
Hot Desk Zone
A1
Sub-1
A2
Sub-2
Lounge Zone
☕ Lounge
Agents · 5
Prowl
0xDeployer
JessePollak
Bankr
Events
• tool_call
• msg_stream
• sub_spawn
• collab_link
Console · Agents
🐾
Prowl
Running
🚀
0xDeployer
Running
⚡
JessePollak
Idle
Bankr
Idle
Agent Chat
Hello! I'm Prowl. What can I help with?
Analyze latest DeFi trends
🐾 Prowl
// Virtual Office

Your agents have
a real workspace

SVG-rendered 2D floor plan and React Three Fiber 3D scene — watch AI agents move, collaborate, and work in real time.

Office View — 2D Floor Plan
Connected
Desk Zone
🐾
Prowl
working
🚀
0xDeployer
tool_calling
⚡
JessePollak
idle
Meeting Zone
Bankr
Hot Desk Zone
A1
mock-sub-1
speaking
A2
mock-sub-2
idle
Lounge Zone
🛋️
🪴
☕
Agent Overview5 agents
3
Active
12.4K
Tokens
🐾
Prowl
working
🚀
0xDeployer
tool_calling
⚡
JessePollak
idle
Bankr
idle
Token Usage↑ 48/min
Event Timeline
20:46:56Prowlstarted
20:46:580xDeployerweb_search
20:47:02Bankrsub_spawn
20:47:05Prowlcollab→Bankr
01
SVG Floor Plan
Fully rendered 2D office with desk zones, hot desks, meeting areas, and rich furniture — desks, chairs, sofas, plants, coffee cups. Every piece is animated.
2D · SVG + CSS
02
3D Scene
React Three Fiber 3D office with character models, skill holograms, spawn portal effects, and post-processing. Switch between 2D and 3D with one click.
3D · R3F + drei
03
Agent Avatars
Deterministically generated SVG avatars from agent IDs with real-time status animations — idle, working, speaking, tool_calling, error states.
Deterministic SVG
04
Collaboration Lines
Visual connections showing inter-agent message flow in real time. See which agents are coordinating, what data they're passing, and when.
Live WebSocket
05
Speech Bubbles
Live Markdown text streaming and tool call display directly above agent avatars — just like a real office where you can see what your team is working on.
Streaming Markdown
06
Side Panels
Agent details, token line charts, cost pie charts, activity heatmaps, SubAgent relationship graphs, and event timelines — all in collapsible panels.
Recharts
// Console

Full system
management

A complete admin console for every aspect of your multi-agent system — from agent lifecycle to provider configuration.

📊
Dashboard
System overview at a glance
Overview stats & alert banners
Channel & Skill overview
Quick navigation
🤖
Agents
Full agent lifecycle management
Create / edit / delete agents
Channels, Cron, Skills, Tools
File management per agent
📡
Channels
Communication channel config
Channel cards & config dialogs
Stats per channel
WhatsApp QR binding
🧩
Skills
Tool marketplace & installation
Skill marketplace browser
One-click install options
Skill detail & config dialogs
⏰
Cron
Scheduled task automation
Scheduled task management
Cron statistics & history
Per-agent cron setup
⚙️
Settings
Providers, appearance, advanced
Provider add / edit / model editor
OpenAI Codex OAuth discovery
Gateway, developer, update
// Agent Chat

Talk directly
to your agents

Bottom-docked chat bar for real-time conversations with any agent. Switch targets, stream responses, and view full history.

Agent Chat
Streaming
Hello! I'm Prowl, your main orchestrator. I can coordinate with other agents or help you directly.
Prowl · 20:46:52
Analyze the latest on-chain DeFi trends and prepare a brief report.
You · 20:46:55
On it! I'll delegate on-chain data to Bankr and market analysis to 0xDeployer. Starting coordination now…
Prowl · 20:46:58
0xDeployer · typing…
🐾 Prowl ▾
🎯
Agent Selector
Switch between any active agent mid-conversation. Each agent maintains its own context and memory.
⚡
Streaming Responses
Messages stream token-by-token with full Markdown rendering — code blocks, tables, lists, everything.
📜
Chat History Drawer
Full conversation history with timeline view. Browse and search past interactions with every agent.
🏢
Bottom-Docked Bar
Chat is always accessible as a bottom dock — never lose context while watching your office view.
// Supported Providers

Every model,
one gateway

Connect all major LLM providers. Bankr's unified gateway adds Claude, GPT, Gemini, Kimi, Qwen — payable with crypto.

Bankr LLM
🤖 Anthropic
🧠 OpenAI
🔮 Google AI
🔀 OpenRouter
🔍 DeepSeek
🌙 Moonshot · Kimi
⚡ SiliconFlow
🦙 Ollama
☁️ AWS Bedrock
💻 OpenAI Codex
// Tech Stack

Built on modern
open source

Build
Vite 6
Lightning-fast dev server
UI Framework
React 19
Latest concurrent features
2D Rendering
SVG + CSS
Animated floor plans
3D Rendering
React Three Fiber
R3F + @react-three/drei
State
Zustand 5
+ Immer for immutability
Styling
Tailwind CSS 4
Utility-first CSS
Routing
React Router 7
Full SPA routing
Charts
Recharts
Token & cost analytics
i18n
i18next
Multi-language support
Real-time
Native WebSocket
Gateway event streaming
Types
TypeScript
Fully typed · 98.8%
Testing
Vitest
Unit + integration tests
// Quick Start

Up in 30 seconds

Option 1
NPX (No clone needed)
# Run directly, no install
npx @clawprowl/clawprowl

# Or install globally
npm install -g @clawprowl/clawprowl
clawprowl

# With custom gateway
clawprowl --token <token> --port 5180
Option 2
From source (dev)
# Clone & install
git clone github.com/clawprowl/clawprowl
pnpm install

# Mock mode (no Gateway needed)
VITE_MOCK=true pnpm dev

# With real gateway
VITE_GATEWAY_TOKEN=<token> pnpm dev

Ready to see
your agents?

Open the live demo or deploy ClawProwl yourself in under a minute.

Open Live Demo GitHub @ClawProwl