OpenUI Claw

OpenUI × OpenClaw

Generative UI client for OpenClaw. Agents respond with interactive UI - charts, cards, tables, forms - instead of plain markdown.

---

What is OpenUI Claw?

OpenUI Claw is a two-part system that adds generative UI to any OpenClaw agent:

1. @openuidev/claw-plugin - an OpenClaw server-side plugin that detects Claw sessions and injects OpenUI Lang instructions into the agent's system prompt, so the LLM responds with structured UI markup instead of text.

2. @openuidev/claw-client - a Next.js web client that connects to your OpenClaw gateway over WebSocket and renders agent responses as live, interactive components using the OpenUI React renderer.

No build step for the plugin. OpenClaw loads it as raw TypeScript via jiti.

---

Setup

Prerequisites

• Node.js 18+
• pnpm 9+
• A running OpenClaw gateway

1. Clone the repo

git clone https://github.com/thesysdev/openui-claw.git
cd openui-claw
pnpm install

2. Install the plugin into your gateway

openclaw plugins install -l ./packages/claw-plugin
openclaw restart

The plugin is a single .ts file with no runtime dependencies beyond openclaw itself.

Remote gateway?

Copy the plugin directory to the machine first:

rsync -az --exclude node_modules --exclude .git \
  packages/claw-plugin/ user@host:~/claw-plugin

Then on the remote machine:

openclaw plugins install -l ~/claw-plugin
openclaw restart

3. Start the client

cd packages/claw-client
pnpm dev

Open http://localhost:18790 and enter your gateway URL and auth token in settings.

Finding your gateway URL and token

node scripts/connection-info.mjs

This prints your gateway URL and auth token from ~/.openclaw/openclaw.json. Copy both values into the Claw settings dialog.

---

Packages

Package	Name	Description
packages/claw-client	@openuidev/claw-client	Next.js generative UI web client
packages/claw-plugin	@openuidev/openui-claw-plugin	OpenClaw server-side plugin

---

License

MIT