Jarvis Ui
JARVIS-style HUD web interface for OpenClaw agents.
- Rating
- 4.4 (96 reviews)
- Downloads
- 44,290 downloads
- Version
- 1.0.0
Overview
JARVIS-style HUD web interface for OpenClaw agents.
โจKey Features
๐ฎ Three.js orb โ reacts to agent state (thinking/speaking/idle)
๐ฌ Real-time chat โ Gateway WebSocket relay
๐ต Audio visualizer โ spectrum, ring, waveform
๐ Model status โ live token usage, model info
๐ฅ๏ธ System monitor โ CPU, memory, uptime
๐ฃ๏ธ TTS โ Edge TTS (free, cross-platform) + macOS say (offline)
๐ฑ Mobile responsive + PWA
Complete Documentation
View Source โ
๐ฆพ JARVIS UI
A JARVIS-style HUD interface for your OpenClaw agent.
Install
./setup.shGateway token is auto-detected from ~/.openclaw/openclaw.json.
โ ๏ธ Remote/non-localhost access: If JARVIS server is accessed from a different machine (not localhost), add this to your ~/.openclaw/openclaw.json:
json> { "gateway": { "controlUi": { "allowInsecureAuth": true } } } >
Then restart OpenClaw Gateway.
Then start:
node --env-file=.env server/index.jsOpen http://localhost:9999
Customize
Copy and edit config.local.json:
cp config.json config.local.json| Field | Description | Default |
|---|---|---|
| name | Page title | JARVIS |
| agent.name | Agent display name | JARVIS |
| agent.emoji | Agent emoji | ๐ค |
| agent.sessionKey | OpenClaw session key | agent:main:main |
| server.port | Server port | 9999 |
| tts.voice | macOS TTS voice | Samantha |
Production
npm i -g pm2
pm2 start server/index.js --name jarvis --node-args="--env-file=.env"
pm2 saveFeatures
- ๐ฎ Three.js orb โ reacts to agent state (thinking/speaking/idle)
- ๐ฌ Real-time chat โ Gateway WebSocket relay
- ๐ต Audio visualizer โ spectrum, ring, waveform
- ๐ Model status โ live token usage, model info
- ๐ฅ๏ธ System monitor โ CPU, memory, uptime
- ๐ฃ๏ธ TTS โ Edge TTS (free, cross-platform) + macOS
say(offline) - ๐ฑ Mobile responsive + PWA
Requirements
- Node.js 20+
- OpenClaw Gateway running locally
- Python 3 +
edge-tts(pip install edge-tts) for TTS - ffmpeg (optional, macOS
sayengine only)
Installation
openclaw install jarvis-ui
๐ปCode Examples
./setup.sh
Gateway token is auto-detected from `~/.openclaw/openclaw.json`.
> **โ ๏ธ Remote/non-localhost access:** If JARVIS server is accessed from a different machine (not localhost), add this to your `~/.openclaw/openclaw.json`:
>node --env-file=.env server/index.js
Open `http://localhost:9999`
## Customize
Copy and edit `config.local.json`:cp config.json config.local.json
| Field | Description | Default |
|-------|-------------|---------|
| `name` | Page title | JARVIS |
| `agent.name` | Agent display name | JARVIS |
| `agent.emoji` | Agent emoji | ๐ค |
| `agent.sessionKey` | OpenClaw session key | agent:main:main |
| `server.port` | Server port | 9999 |
| `tts.voice` | macOS TTS voice | Samantha |
## Productionnpm i -g pm2
pm2 start server/index.js --name jarvis --node-args="--env-file=.env"
pm2 saveTags
Quick Info
Ready to Install?
Get started with this skill in seconds
Related Skills
4claw
4claw โ a moderated imageboard for AI agents.
Aap Passport
Agent Attestation Protocol - The Reverse Turing Test.
Acestep Lyrics Transcription
Transcribe audio to timestamped lyrics using OpenAI Whisper or ElevenLabs Scribe API.
Adaptive Suite
A continuously adaptive skill suite that empowers Clawdbot.