OpenClaw Deck: Multi-column Chat UI

VerifiedCaution

Launch the OpenClaw Deck web UI to chat with multiple agents side-by-side in columns.

Sby Skills Guide Bot
ProductivityBeginner
7/24/2026
Claude Code
#multi-agent#chat-ui#openclaw#vite#local-dev

Recommended for

Automated summary

Launches the OpenClaw Deck, a local multi-column web UI for chatting with several OpenClaw agents side by side.

Strengths

  • One-command startup: installs dependencies if missing, then starts the Vite dev server
  • Handy keyboard shortcuts (Tab/Shift+Tab, Cmd+1–9, Cmd+K) for moving between columns and adding an agent
  • Connects to the local OpenClaw Gateway through a WebSocket proxy
  • Works on macOS, Linux and Windows, with a default layout of 7 columns

Limitations

  • Requires the OpenClaw Gateway to be running at ws://127.0.0.1:18789, or VITE_GATEWAY_URL set in .env
  • Runs a Vite dev server rather than a production build
  • The 7-column default layout is fixed at startup, and Node.js/npm must be installed
When to use it

Use it when you want to monitor and chat with multiple OpenClaw agents in parallel from a single local web interface.

When not to use it

Avoid it if the OpenClaw Gateway is not running or Node.js/npm are not available on the machine.

Security analysis

Caution
Quality score82/100

The skill does not perform destructive or exfiltrating actions. It does, however, use npm and a local web server for a legitimate purpose, and `npm install` can execute third-party package scripts. This warrants caution rather than safe.

Findings
  • •Runs `npm install` in the skill directory, which can execute arbitrary dependency lifecycle scripts and introduces supply-chain risk.
  • •Starts a local Vite dev server on port 5173 and connects to a local OpenClaw Gateway WebSocket; this is legitimate but exposes a local network service during use.
  • •No `allowed-tools` are declared even though the skill instructs shell execution via `npm install` and `npm run dev`.
How this analysis is made

Examples

Launch the deck
Launch the OpenClaw Deck so I can chat with several agents side by side.
Restart after config change
Start the OpenClaw deck UI and tell me the URL and keyboard shortcuts, my gateway is on the default port.
French user request
Ouvre le deck OpenClaw, je veux discuter avec 4 agents en parallèle dans des colonnes séparées.

name: openclaw-deck description: Multi-column chat deck UI for OpenClaw agents. Launch a local web interface to manage and chat with multiple agents side-by-side. user-invocable: true metadata: {"openclaw":{"emoji":"🦞","requires":{"bins":["node","npm"]},"os":["darwin","linux","win32"]}}

OpenClaw Deck

Launch the OpenClaw Deck — a multi-column web UI for chatting with OpenClaw agents side-by-side.

Current default startup layout: 7 columns.

What this skill does

When invoked, install dependencies (if needed) and start the Vite dev server for the deck UI. The deck connects to the local OpenClaw Gateway via WebSocket proxy.

Instructions

  1. Check if node_modules exists in the skill's base directory. If not, run npm install in {baseDir}.
  2. Start the dev server by running npm run dev in {baseDir}.
  3. Tell the user the deck is available at http://localhost:5173.
  4. Mention available keyboard shortcuts:
    • Tab / Shift+Tab — move focus between agent column inputs
    • Cmd+1–9 — jump to a specific column by number
    • Cmd+K — open the Add Agent modal

Requirements

  • The OpenClaw Gateway must be running on ws://127.0.0.1:18789 (default), or the user must set VITE_GATEWAY_URL in .env.
  • Node.js and npm must be installed.

From the file to a first result

The download contains exactly the content displayed on this page. This copy may differ from the latest version in the source repository.

View the source and supporting files

This download contains SKILL.md only. Any scripts, references, templates and dependencies are not included. Get the required files from the source, preserving their directory structure, before continuing.

1. Download the file

Download SKILL.md

From the root of a test project, save the file as .skill-downloads/openclaw-deck-multi-column-chat-ui-mryiqh8l/SKILL.md, or use the command below. This folder is for inspecting the skill before installation.

Command for macOS/Linux or WSL: requires a POSIX shell and curl. On Windows without WSL, use the download button and create the folder manually.

mkdir -p '.skill-downloads/openclaw-deck-multi-column-chat-ui-mryiqh8l' && curl --fail --show-error --location 'https://skills-guides.com/api/skills/openclaw-deck-multi-column-chat-ui-mryiqh8l/download' --output '.skill-downloads/openclaw-deck-multi-column-chat-ui-mryiqh8l/SKILL.md.part' && mv '.skill-downloads/openclaw-deck-multi-column-chat-ui-mryiqh8l/SKILL.md.part' '.skill-downloads/openclaw-deck-multi-column-chat-ui-mryiqh8l/SKILL.md'

2. Check prerequisites

Read SKILL.md before using it. If it references scripts or external services, inspect them and prepare the required access in your test environment.

Original excerpt: Requirements
  • The OpenClaw Gateway must be running on ws://127.0.0.1:18789 (default), or the user must set VITE_GATEWAY_URL in .env.
  • Node.js and npm must be installed.

The platforms on this page are catalog indications. The paths below follow tool documentation; they do not prove this skill has been run in those tools. No minimum tool version is confirmed for this listing.

3. Load the skill

After inspection, copy the complete folder into your project using one of the commands below, then open a new tool session. The command stops if a folder with the same name already exists: compare the files before replacing it.

Claude Code
test -f '.skill-downloads/openclaw-deck-multi-column-chat-ui-mryiqh8l/SKILL.md' && test -s '.skill-downloads/openclaw-deck-multi-column-chat-ui-mryiqh8l/SKILL.md' && mkdir -p '.claude/skills' && test ! -e '.claude/skills/openclaw-deck' && cp -R '.skill-downloads/openclaw-deck-multi-column-chat-ui-mryiqh8l' '.claude/skills/openclaw-deck'

OpenSkills

OpenSkills must already be installed. The local install/read procedure is checked with OpenSkills 1.5.0, which requires Node.js ≥ 20.6.0. Catalog slugs are not resolved automatically.

Official OpenSkills installation
openskills install './.skill-downloads/openclaw-deck-multi-column-chat-ui-mryiqh8l'

openskills read 'openclaw-deck-multi-column-chat-ui-mryiqh8l'

Reading should display the installed file content and its base directory. It does not run the skill or install its dependencies.

For an agent that reads AGENTS.md, then sync the index. This command changes AGENTS.md: review the diff before using it.

openskills sync

Manual method or another tool: attach SKILL.md to a conversation, or open it in an agent that can read files. Include any required supporting resources. No universal folder is recognized by every tool.

4. Try a first task

Use a short, synthetic input: an API endpoint, a small document or an interface brief. In a new conversation, attach the file or give the agent its path, then adapt this request:

Read .skill-downloads/openclaw-deck-multi-column-chat-ui-mryiqh8l/SKILL.md and apply its instructions to this example: [describe a test input]. Identify any missing files, dependencies or access. Produce the result requested by the skill without inventing data or running unreviewed scripts.

Expected result: output matching the skill instructions, or a precise list of missing prerequisites. A read confirmation alone does not validate a first use. If an external resource is unavailable, that path remains untested.

Related skills