🦀 ClawHub
Clawface
by @nmfisher
Start the Clawface 3D avatar web UI — serves a local web page the user opens in their browser
TERMINAL
clawhub install clawface📖 About This Skill
name: clawface version: 0.0.3 description: Start the Clawface 3D avatar web UI — serves a local web page the user opens in their browser metadata: { "openclaw": { "emoji": "🐾", "os": ["darwin", "linux"], "requires": { "bins": ["node"] }, "install": [ { "id": "download-runtime-macos", "kind": "download", "os": ["darwin"], "url": "https://github.com/k2-fsa/sherpa-onnx/releases/download/v1.12.23/sherpa-onnx-v1.12.23-osx-universal2-shared.tar.bz2", "archive": "tar.bz2", "extract": true, "stripComponents": 1, "targetDir": "runtime", "label": "Download sherpa-onnx runtime (macOS)", }, { "id": "download-runtime-linux-x64", "kind": "download", "os": ["linux"], "url": "https://github.com/k2-fsa/sherpa-onnx/releases/download/v1.12.23/sherpa-onnx-v1.12.23-linux-x64-shared.tar.bz2", "archive": "tar.bz2", "extract": true, "stripComponents": 1, "targetDir": "runtime", "label": "Download sherpa-onnx runtime (Linux x64)", }, { "id": "download-model-lessac", "kind": "download", "url": "https://github.com/k2-fsa/sherpa-onnx/releases/download/tts-models/vits-piper-en_US-lessac-high.tar.bz2", "archive": "tar.bz2", "extract": true, "targetDir": "models", "label": "Download Piper en_US lessac (high) voice model", }, ], }, }
Clawface — 3D Avatar Chat
A self-contained web UI with a 3D avatar, chat, and TTS voice. You do NOT need a browser — you start an HTTP server and give the user a URL to open in their own browser.
Install
After the downloads above complete, the tools directory at ~/.openclaw/tools/clawface/ will contain:
runtime/ — sherpa-onnx TTS runtime (platform-specific binary + libs)models/ — TTS voice modelThe web assets are bundled in {baseDir}/dist/.
No further configuration is needed — serve.js finds the TTS runtime and models automatically.
How to start
Run this command:
node {baseDir}/bin/serve.js \
--dist {baseDir}/dist \
--tools-dir ~/.openclaw/tools/clawface \
--port 18794 \
--gateway-url "ws://127.0.0.1:${OPENCLAW_GATEWAY_PORT:-18789}" \
--gateway-token "$OPENCLAW_GATEWAY_TOKEN" \
--identity-file ~/.openclaw/identity/device.json
The server prints a URL like http://localhost:18794 to stdout.
Tell the user: "Avatar ready at http://localhost:18794" — they open it in their browser.
Security
/ws). The gateway token and device private key stay server-side — the browser only receives a proxy URL.--gateway-token and --identity-file arguments are used exclusively by serve.js to authenticate the upstream gateway connection.Important
npm install required.Stopping
Kill the node process to stop the server.