Cross-platform management app for OpenClaw — the AI agent CLI framework.
Web & Desktop (macOS / Windows / Linux)
OpenClaw Studio is the all-in-one management app for OpenClaw, an AI agent CLI framework. It ships as both a web app and a native desktop app, letting you manage agents, models, cron jobs, memory, skills, and more while monitoring system status in real time.
| Module | Description |
|---|---|
| Dashboard | System health overview, CPU / memory / disk metrics, agent & model summary |
| Monitor | Real-time system resource monitoring, process list |
| Agents | View and manage all agent configurations |
| Agent Graph | Visual agent topology |
| Models | Model list, custom model management |
| Cron Jobs | CRUD operations on cron jobs with manual trigger |
| Memory | Read/write workspace memory files (MEMORY.md, etc.) |
| Skills | Skills list and management |
| Subagents | View active sessions and subagents |
| Docs | Browse OpenClaw built-in documentation |
| Terminal | Built-in WebSocket terminal (xterm.js + node-pty) |
| Kanban | Lightweight Kanban task board |
| Chat | Real-time SSE chat with agents |
| Usage | Token consumption stats and trends |
| Keys | API key management |
| Permissions | macOS TCC / Windows permission status |
| Diagnostics | openclaw doctor output and system diagnostics |
| Settings | Full OpenClaw configuration management |
| Layer | Technology |
|---|---|
| Monorepo | npm workspaces (apps/*, packages/*) |
| Build | Vite 6, Bun |
| Frontend | React 19, TypeScript 5.9 |
| UI | Ant Design 6, Recharts, @xyflow/react |
| Routing | React Router v7 |
| i18n | i18next (Simplified Chinese / Traditional Chinese / English) |
| Terminal | @xterm/xterm + node-pty |
| Editor | Monaco Editor |
| Desktop | Electrobun |
| API | Node.js HTTP + WebSocket |
openclaw-studio/
├── apps/
│ ├── web/ # Web app entry (Vite + React)
│ └── desktop/ # Desktop app (Electrobun)
├── packages/
│ ├── api-client/ # API type definitions & request layer
│ ├── ui/ # Shared UI components, layouts, theme, hooks
│ └── pages/ # Page components (18 feature pages)
└── server/
└── api.mjs # API server (REST + WebSocket Terminal)
- Node.js >= 18
- Bun >= 1.0
- OpenClaw CLI (recommended:
npm i -g openclaw)
# Clone the repository
git clone https://github.com/nicepkg/openclaw-studio.git
cd openclaw-studio
# Install dependencies
bun install
# Start development server (frontend + API)
bun run devThen open http://localhost:5180 to access OpenClaw Studio.
# Development mode
bun run dev:desktop
# Production build
bun run build:desktopbun run buildOutput goes to apps/web/dist/.
| Command | Description |
|---|---|
bun run dev |
Start frontend + API dev server |
bun run dev:api |
Start API server only (port 5181) |
bun run dev:web |
Start frontend + API dev server |
bun run dev:desktop |
Start desktop app dev mode |
bun run build |
Build web production bundle |
bun run build:desktop |
Build desktop app |
bun run typecheck |
Run TypeScript type checks |
OpenClaw Studio supports three languages, switchable via the language button in the top navigation bar:
- Simplified Chinese (default)
- Traditional Chinese
- English
Translation files are located in apps/web/src/locales/. PRs for additional languages are welcome.
| Service | Port | Description |
|---|---|---|
| Web Frontend | 5180 | Vite dev server |
| API Server | 5181 | REST API + WebSocket Terminal |
| Desktop | 15180 | Electrobun built-in HTTP server |
CC BY-NC 4.0 — Free to use and modify, but not for commercial purposes.