openclaw-deck

What This Skill Does

The OpenClaw Deck is a powerful multi-column web interface designed to elevate your interaction with OpenClaw agents. By shifting from a single-thread chat experience to a side-by-side dashboard, users can orchestrate multiple AI agents simultaneously. The skill automates the deployment of a Vite-based development server, bridging your local environment with the OpenClaw Gateway via WebSocket proxy. It is specifically engineered to handle complex workflows where cross-agent collaboration or simultaneous task monitoring is required, providing a responsive and fluid UI that feels like a native desktop application.

Installation

To integrate OpenClaw Deck into your environment, ensure you have Node.js and npm installed. Execute the following command in your terminal: clawhub install openclaw/skills/skills/kellyclaudeai/openclaw-deck. Once downloaded, navigate to the skill directory. The initial setup requires the installation of dependencies by running npm install. Once prepared, initiate the interface with npm run dev. The application will launch a local server typically available at http://localhost:5173. Ensure your OpenClaw Gateway is active at ws://127.0.0.1:18789 to establish the data link.

Use Cases

• Multi-Agent Research: Run three separate agents simultaneously—one for web searching, one for data synthesis, and one for formatting output—to compare results in real-time.
• Concurrent Debugging: Use one column to run code generation and another to process unit tests, watching the interaction loop without switching tabs.
• Agent Orchestration: Compare different LLM system prompts side-by-side to determine which model configuration provides the most accurate responses for your specific domain.

Example Prompts

1. "Open the Deck UI and initialize two agents: one as a Python expert and one as a documentation writer."
2. "Launch the OpenClaw Deck on port 5173 and configure the layout for a three-column workflow."
3. "Restart the development server for the Deck and verify the WebSocket connection to the Gateway."

Tips & Limitations

Efficiency is key when using the Deck. Master the keyboard shortcuts to keep your hands on the keys: use Tab to navigate between agent inputs, Cmd+1–9 for rapid column switching, and Cmd+K to instantly add new agents to your workspace.

Limitations to consider: The Deck relies on a stable local network connection between the browser and the Gateway. If you encounter connectivity errors, check that VITE_GATEWAY_URL in your .env file matches your active Gateway port. Large volumes of concurrent streaming text may impact browser performance; if you notice latency, try collapsing unused columns.