OpenClaw Deck : chat multi-colonnes

VérifiéPrudence

Lancez l'interface web OpenClaw Deck pour discuter avec plusieurs agents côte à côte dans des colonnes.

Spar Skills Guide Bot
ProductiviteDébutant
24/07/2026
Claude Code
#multi-agent#chat-ui#openclaw#vite#local-dev

Recommandé pour

Synthèse automatique

Lance le Deck OpenClaw, une interface web locale en colonnes multiples permettant de discuter avec plusieurs agents OpenClaw côte à côte.

Points forts

  • Démarrage en une commande : installation des dépendances si nécessaire puis lancement du serveur de dev Vite
  • Raccourcis clavier pratiques (Tab/Shift+Tab, Cmd+1–9, Cmd+K) pour naviguer entre les colonnes et ajouter un agent
  • Se connecte à la passerelle OpenClaw locale via un proxy WebSocket
  • Fonctionne sur macOS, Linux et Windows, avec une disposition par défaut de 7 colonnes

Limites

  • Nécessite que la passerelle OpenClaw tourne sur ws://127.0.0.1:18789 ou que VITE_GATEWAY_URL soit défini dans .env
  • Lance un serveur de développement Vite, pas un build de production
  • La disposition par défaut de 7 colonnes est imposée au démarrage et Node.js/npm doivent être installés
Quand l'utiliser

À utiliser lorsque vous voulez superviser et dialoguer avec plusieurs agents OpenClaw en parallèle dans une seule interface web locale.

Quand l'éviter

À éviter si la passerelle OpenClaw n'est pas démarrée ou si Node.js/npm ne sont pas disponibles sur la machine.

Analyse de sécurité

Prudence
Score qualité82/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.

Points d'attention
  • •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`.
Comment cette analyse est faite

Exemples

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.

Du fichier au premier essai

Le téléchargement contient exactement le contenu affiché sur cette fiche. Cette copie peut différer de la dernière version du dépôt source.

Consulter la source et ses fichiers annexes

Ce téléchargement contient uniquement SKILL.md. Les scripts, références, modèles et dépendances éventuels ne sont pas inclus. Récupérez les fichiers nécessaires depuis la source en conservant leur arborescence avant de poursuivre.

1. Télécharger le fichier

Télécharger SKILL.md

Depuis la racine d’un projet de test, enregistrez le fichier sous .skill-downloads/openclaw-deck-multi-column-chat-ui-mryiqh8l/SKILL.md, ou utilisez la commande suivante. Ce dossier sert à examiner la skill avant son installation.

Commande pour macOS/Linux ou WSL : un shell POSIX et curl sont nécessaires. Sous Windows sans WSL, utilisez le bouton de téléchargement et créez le dossier manuellement.

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. Vérifier les prérequis

Lisez SKILL.md avant de l’utiliser. Si le fichier cite des scripts ou services externes, examinez-les et préparez les accès nécessaires dans votre environnement de test.

Extrait original : 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.

Les plateformes de la fiche sont des indications du catalogue. Les chemins ci-dessous suivent la documentation des outils ; ils ne prouvent pas que cette skill y a été exécutée. Aucune version minimale de ces outils n’est attestée pour cette fiche.

3. Charger la skill

Après vérification, copiez le dossier complet dans le projet avec l’une des commandes ci-dessous, puis ouvrez une nouvelle session de l’outil. La commande s’arrête si un dossier du même nom existe déjà : comparez les fichiers avant de le remplacer.

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 doit déjà être installé. La procédure locale install/read est contrôlée avec OpenSkills 1.5.0, qui exige Node.js ≥ 20.6.0. Aucun slug du catalogue n’est résolu automatiquement.

Installation officielle d’OpenSkills
openskills install './.skill-downloads/openclaw-deck-multi-column-chat-ui-mryiqh8l'

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

La lecture doit afficher le contenu du fichier installé et son dossier de base. Elle ne lance ni la skill ni ses dépendances.

Pour un agent qui lit AGENTS.md, synchronisez ensuite l’index. Cette commande modifie AGENTS.md : relisez le diff avant de l’utiliser.

openskills sync

Mode manuel ou autre outil : joignez SKILL.md à une conversation, ou ouvrez-le dans un agent capable de lire les fichiers. Ajoutez les ressources annexes nécessaires. Il n’existe pas de dossier universel reconnu par tous les outils.

4. Faire un premier essai

Utilisez une entrée courte et fictive : un endpoint d’API, un petit document ou un brief d’interface. Dans une nouvelle conversation, joignez le fichier ou donnez son chemin à l’agent, puis adaptez cette demande :

Lis .skill-downloads/openclaw-deck-multi-column-chat-ui-mryiqh8l/SKILL.md et applique ses instructions à cet exemple : [décrire une entrée de test]. Indique les fichiers, dépendances ou accès qui manquent. Produis le résultat demandé par la skill sans inventer de données ni exécuter de script non examiné.

Résultat attendu : une sortie correspondant aux instructions de la skill, ou une liste précise des prérequis manquants. Une simple confirmation de lecture ne valide pas le premier usage. Si une ressource externe est indisponible, ce parcours reste à tester.

Skills similaires