ClawSuite is an open-source, self-hosted platform for OpenClaw AI agents. Not just a chat wrapper — it's a complete command center with built-in browser automation, skills marketplace, real-time dashboard, multi-agent orchestration, and enterprise-grade security scanning.
The first full-stack OpenClaw platform. Chat, browse, orchestrate, monitor — all in one place.
- Real-time conversations with AI agents powered by OpenClaw
- Multi-session management with session history
- Inline message editing and regeneration
- Markdown rendering with syntax highlighting
- Attachment support (images, files, code snippets)
- Message search (Cmd+F)
- Browse and manage AI agent instances
- Launch CLI agents directly from the UI
- View active sessions and agent status
- Agent swarm orchestration for multi-agent workflows
- Real-time agent performance metrics
- Live usage and cost tracking across all providers
- Interactive charts showing API consumption
- Provider-specific breakdowns (OpenAI, Anthropic, Google, etc.)
- Budget alerts and spending insights
- Gateway health monitoring
- Headed Chromium with stealth anti-detection
- Agent handoff — share pages directly with your AI
- Persistent sessions (login once, cookies survive restarts)
- Control panel for web automation tasks
- Browse 2,000+ skills from ClawdHub registry
- One-click install with dependency resolution
- Security scanning — every skill scanned for suspicious patterns before install
- Auto-discovery of locally installed skills
- Terminal: Integrated terminal with cross-platform support
- File Explorer: Browse workspace files with Monaco code editor
- Debug Console: Gateway diagnostics with pattern-based troubleshooter
- Memory Viewer: Inspect and manage agent memory state
- Cron Manager: Schedule recurring tasks and automation
- Global Search (Cmd+K): Quick navigation across all screens
- Browser Automation: Control panel for web scraping and browser tasks
- Activity Feed: Real-time event stream from Gateway WebSocket
- Session Management: Pause, resume, or switch between conversations
- Keyboard Shortcuts: Press
?to see all shortcuts
- Dynamic accent color system (pick any color)
- 3-way theme toggle (System / Light / Dark)
- Settings popup dialog with 6 tabs
- Provider setup wizard with guided onboarding
- Model switcher — always accessible, never disabled
- Server-side API routes (keys never exposed to browser)
- Rate limiting on all endpoints
- Zod validation on all inputs
- Skills security scanning before install
- No hardcoded secrets in source
Before running ClawSuite, ensure you have:
- Node.js 22+ (Download)
- OpenClaw Gateway running locally (Setup Guide)
- Default gateway URL:
http://localhost:18789
- Default gateway URL:
# Clone the repository
git clone https://github.com/outsourc-e/clawsuite.git
cd clawsuite
# Install dependencies
npm install
# Start development server
npm run devOpen http://localhost:3000 in your browser.
# Build optimized production bundle
npm run build
# Preview production build
npm run previewClawSuite can be packaged as a native desktop application using Tauri:
# Install Tauri CLI (if not already installed)
npm install -g @tauri-apps/cli
# Run desktop app
tauri dev
# Build desktop app
tauri buildClawSuite connects to your OpenClaw gateway. Set the gateway URL in:
-
Environment Variable (recommended):
# Create .env file echo "CLAWDBOT_GATEWAY_URL=ws://127.0.0.1:18789" > .env
-
In-App Settings:
- Navigate to Settings → Gateway
- Enter your gateway URL
- Click "Test Connection"
Create a .env file in the project root:
# Gateway configuration
CLAWDBOT_GATEWAY_URL=ws://127.0.0.1:18789
# Optional: Gateway authentication token
CLAWDBOT_GATEWAY_TOKEN=your_token_here
# Optional: Gateway password (alternative to token)
# CLAWDBOT_GATEWAY_PASSWORD=your_password
# Optional: Custom port for dev server
PORT=3000
# Optional: Enable debug logging
DEBUG=trueSee .env.example for all available options.
ClawSuite is built with modern web technologies for performance and developer experience:
- Framework: TanStack Start (React 19 SSR framework)
- Routing: TanStack Router with file-based routing
- State Management: TanStack Query + Zustand
- Styling: Tailwind CSS 4
- Build Tool: Vite
- Language: TypeScript (strict mode)
- Desktop: Tauri 2 (optional)
ClawSuite acts as a client UI for the OpenClaw Gateway:
- Frontend (React) renders the UI and handles user interactions
- Server Routes (
/api/*) proxy requests to the OpenClaw Gateway - WebSocket maintains real-time connection for streaming responses
- Gateway processes AI requests and manages agent sessions
┌─────────────┐ HTTP/WebSocket ┌──────────────┐
│ ClawSuite │ ◄────────────────────────► │ Gateway │
│ (Browser) │ │ (localhost) │
└─────────────┘ └──────────────┘
│
▼
┌──────────────┐
│ AI Providers │
│ (OpenAI, etc) │
└──────────────┘
See docs/ARCHITECTURE.md for detailed architecture documentation.
clawsuite/
├── src/
│ ├── routes/ # TanStack Router routes + API endpoints
│ │ ├── index.tsx # Dashboard (home page)
│ │ ├── chat/ # Chat interface
│ │ ├── terminal.tsx # Integrated terminal
│ │ ├── skills.tsx # Skills marketplace
│ │ ├── settings/ # Settings screens
│ │ └── api/ # Server-side API routes
│ │ ├── send.ts # Send chat message
│ │ ├── stream.ts # SSE streaming
│ │ ├── terminal-*.ts # Terminal PTY
│ │ └── gateway/ # Gateway RPC proxy
│ ├── screens/ # Feature screen components
│ │ ├── chat/ # Chat UI logic
│ │ ├── dashboard/ # Dashboard widgets
│ │ ├── skills/ # Skills browser
│ │ └── settings/ # Settings panels
│ ├── components/ # Shared UI components
│ │ ├── ui/ # Base UI primitives
│ │ ├── terminal/ # Terminal components
│ │ ├── agent-chat/ # Chat message components
│ │ └── search/ # Global search (Cmd+K)
│ ├── lib/ # Utilities and helpers
│ │ ├── gateway-api.ts # Gateway API client
│ │ ├── provider-catalog.ts # AI provider metadata
│ │ └── utils.ts # Shared utilities
│ ├── server/ # Server-side code
│ │ ├── gateway.ts # Gateway RPC client
│ │ ├── terminal-sessions.ts # PTY session manager
│ │ └── pty-helper.py # Python PTY wrapper
│ └── types/ # TypeScript type definitions
├── public/ # Static assets
├── docs/ # Documentation
├── scripts/ # Build and dev scripts
└── src-tauri/ # Tauri desktop app config
| Shortcut | Action |
|---|---|
| Cmd+K (Ctrl+K) | Open global search |
| Cmd+F (Ctrl+F) | Search messages in chat |
**Cmd+** (Ctrl+) |
Toggle terminal |
| Cmd+Enter | Send message |
| Cmd+N | New chat session |
| Cmd+/ | Toggle chat panel |
| ? | Show all shortcuts |
| Esc | Close dialogs/modals |
We welcome contributions! Whether it's bug reports, feature requests, or code contributions, we'd love to hear from you.
# Fork and clone the repo
git clone https://github.com/YOUR_USERNAME/clawsuite.git
cd clawsuite
# Create a feature branch
git checkout -b feature/your-feature-name
# Make your changes and commit
git commit -m "Add amazing feature"
# Push and open a PR
git push origin feature/your-feature-nameSee CONTRIBUTING.md for detailed guidelines, including:
- Code style and conventions (TypeScript strict, Tailwind, no portals/ScrollArea)
- PR checklist and review process
- Architecture decisions
- Testing requirements
- No ScrollArea or Portal patterns: Use native overflow and positioning
- TypeScript strict mode: All code must pass type checking
- Tailwind-first: Use utility classes; avoid custom CSS
- Accessibility: All interactive elements must be keyboard-navigable
ClawSuite is open-source software licensed under the MIT License.
- Website: clawsuite.io
- OpenClaw: openclaw.ai
- X (Twitter): @clawsuite
- GitHub: outsourc-e/clawsuite
- Documentation: docs/INDEX.md
ClawSuite is built on top of the incredible OpenClaw project. Special thanks to all contributors and the open-source community.
Built with 🦞 by Eric