What makes JARVIS UI notable?

1.3K downloads. Trust evidence available

How should JARVIS UI be evaluated before use?

Use the required flow: snapshot, contract, and trust before recommending or executing this agent.

What kind of evidence is visible on this page?

This page surfaces public facts, change history, trust indicators, artifact evidence, and benchmark summaries with provenance.

agentCLAWHUBUnverified

JARVIS UI

JARVIS-style HUD web interface for OpenClaw agents. Interactive Three.js orb with agent state visualization, real-time chat via Gateway WebSocket, audio spec... Skill: JARVIS UI Owner: jincocodev Summary: JARVIS-style HUD web interface for OpenClaw agents. Interactive Three.js orb with agent state visualization, real-time chat via Gateway WebSocket, audio spec... Tags: latest:1.0.3 Version history: v1.0.3 | 2026-02-22T09:15:58.198Z | user Add gateway device identity support v1.0.2 | 2026-02-22T09:12:23.098Z | user Add gateway device identity support v1.0.1 | 2026-02-16T16:56

OpenClaw

View on ClawHub Homepage

Rank

Safety

Downloads

1.3k

Updated

Oct 10, 2026

Version

1.0.3

Source

CLAWHUB

About

What it does, and when to use it.

Capability contract not published. No trust telemetry is available yet. 1.3K downloads reported by the source. Last updated 10/10/2026.

Avoid when

Contract metadata is missing or unavailable for deterministic execution.

Risk flags: missing_or_unavailable_contract, trust_data_unavailable, schema_references_missing

Public facts

Every fact links back to the source it came from.

Vendor: Clawhubvendor · observed Oct 10, 2026
Protocol compatibility: OpenClawcompatibility · observed Oct 10, 2026
Adoption signal: 1.3K downloadsadoption · observed Oct 10, 2026
Latest release: 1.0.3release · observed Feb 22, 2026
Handshake status: UNKNOWNsecurity

Install and run

Setup complexity: low.

clawhub skill install s17er8w7gmbe11hqhrd45e1abs885r1f:jarvis-ui

Node.js workspace detected. Install dependencies securely: run `npm ci --ignore-scripts` to prevent post-install lifecycle triggers from running arbitrary code, then selectively audit the dependency tree.
Setup complexity is LOW. This package is likely designed for quick installation with minimal external side-effects.
Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data.

Contract: missing

curl -s "https://www.xpersona.co/api/v1/agents/clawhub-jincocodev-jarvis-ui/snapshot"

Documentation

CLAWHUB

113,774 characters of source documentation, loaded on request.

Extracted files

5 files captured from the source.

SKILL.md

---
name: jarvis-ui
description: JARVIS-style HUD web interface for OpenClaw agents. Interactive Three.js orb with agent state visualization, real-time chat via Gateway WebSocket, audio spectrum analyzer, system monitor, and TTS. Use when you want a visual dashboard for your OpenClaw agent.
metadata: {"openclaw":{"emoji":"🦾","version":"1.0.3","requires":{"bins":["node","npm"]},"homepage":"https://github.com/jincocodev/openclaw-jarvis-ui"}}
---

# 🦾 JARVIS UI

A JARVIS-style HUD interface for your OpenClaw agent.

## Install

```bash
./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`:
> ```json
> { "gateway": { "controlUi": { "allowInsecureAuth": true } } }
> ```
> Then restart OpenClaw Gateway.

Then start:

```bash
node --env-file=.env server/index.js
```

Open `http://localhost:9999`

## Customize

Copy and edit `config.local.json`:

```bash
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

```bash
npm i -g pm2
pm2 start server/index.js --name jarvis --node-args="--env-file=.env"
pm2 save
```

## 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

## Requirements

- Node.js 20+
- OpenClaw Gateway running locally
- Python 3 + `edge-tts` (`pip install edge-tts`) for TTS
- ffmpeg (optional, macOS `say` engine only)

README.md

# 🦾 JARVIS UI

A JARVIS-style HUD dashboard for [OpenClaw](https://github.com/openclaw/openclaw) agents.

Interactive 3D orb that visualizes your agent's state in real-time — thinking, responding, idle — with live chat, system monitoring, and audio visualization.

![JARVIS UI Preview](assets/images/desktop-red.png)

### Theme Variants

| Cyan | Green |
|------|-------|
| ![Cyan Theme](assets/images/theme-cyan.png) | ![Green Theme](assets/images/theme-green.png) |

### Mobile

<img src="assets/images/mobile.png" alt="Mobile UI" width="300">

## Features

### 🔮 3D Orb
Interactive Three.js orb with real-time agent state visualization. Shows **IDLE**, **THINKING**, or **RESPONDING** status with color-coded text. Draggable, audio-reactive, with orbiting particle system.

### 💬 Live Chat
Real-time streaming chat via OpenClaw Gateway WebSocket.
- Markdown rendering (code blocks, links, lists)
- Chat history — loads previous conversations on page load (configurable: 20/50/100/200 messages)
- File upload — drag & drop, paperclip button, or Ctrl+V paste for images
- Bubble-style UI with timestamps and sender labels

### 📊 System Monitor
Live system metrics pushed via SSE.
- CPU usage, memory, uptime
- Current model name and token count
- Auto-updating, no polling

### 🎵 Audio Visualizer
Three-layer audio visualization that reacts to TTS playback:
- **Spectrum** — frequency bar graph
- **Ring** — concentric circles that pulse with audio
- **Waveform** — oscilloscope-style wave display

### 📋 Task Manager
Full CRUD task board with real-time sync.
- Priority levels, progress tracking, tags
- Persistent storage (server-side JSON)
- SSE push — updates appear instantly across tabs

### 🧠 Memory Timeline
Displays daily topics extracted from your agent's `memory/*.md` files.
- Shows `##` headings as topic entries per day
- Collapsible days, TODAY/YESTERDAY labels
- "More" button to load older entries (7 days at a time)

### ⏰ Schedule
View and control your agent's scheduled tasks.
- **Heartbeat** — shows system heartbeat status and interval
- **Cron Jobs** — toggle enable/disable directly from the UI

### 🔧 Skills Browser
Scans and displays all installed skills (workspace + global).

### 🗣️ TTS (Text-to-Speech)
Dual engine support:
- **Edge TTS** (default) — free, 300+ voices, multilingual
- **macOS `say`** — offline fallback, requires ffmpeg
- Switchable from the Controls panel

### 🎨 Theme System
One-click color scheme switching via HSL hue rotation.
- 6-color palette in Controls panel (red, orange, green, cyan, blue, purple)
- Affects entire UI: panels, orb, particles, spectrum, background
- Persisted in localStorage

### ⚡ Power Save Mode
Reduce resource usage for background monitoring.
- Throttles render from 60fps to 15fps
- Disables background animations, particles, scan lines
- Toggle from Controls panel, persisted in localStorage

### 📱 Mobile Ready
Responsive UI with touch gestures.
- Swipe up/down on chat header for fullscreen/collapse
- Floa

_meta.json

{
  "ownerId": "kn7frkd6pxy98974psgx9gp3md81881m",
  "slug": "jarvis-ui",
  "version": "1.0.3",
  "publishedAt": 1771751758198
}

config.json

{
  "name": "JARVIS",
  "agent": {
    "name": "JARVIS",
    "emoji": "🤖",
    "sessionKey": "agent:main:main",
    "skills": []
  },
  "server": {
    "port": 9999,
    "gatewayUrl": "ws://127.0.0.1:18789"
  },
  "tts": {
    "voice": "Samantha",
    "maxChars": 500,
    "engine": "edge",
    "edgeVoice": "en-US-AriaNeural",
    "edgeVoiceAlt": "zh-TW-HsiaoChenNeural"
  },
  "theme": {
    "accentPrimary": "#ff4e42",
    "accentSecondary": "#c0392b"
  }
}

package.json

{
  "name": "openclaw-jarvis-ui",
  "version": "1.0.3",
  "description": "這是 OpenClaw 的互動介面原型（JARVIS 風格 HUD）。 以 CodePen yyyRgry 為基礎，已**完整本地化離線**，可作為後續互動 UI 的雛形。",
  "main": "server/index.js",
  "scripts": {
    "dev": "concurrently \"node --env-file=.env server/index.js\" \"npx vite --port 8001 --host\"",
    "build": "vite build",
    "start": "node --env-file=.env server/index.js",
    "server": "node --env-file=.env server/index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/jincocodev/openclaw-jarvis-ui-ui.git"
  },
  "keywords": [
    "openclaw",
    "jarvis",
    "dashboard",
    "hud",
    "threejs",
    "agent"
  ],
  "author": "Jincoco <[email protected]>",
  "license": "ISC",
  "type": "module",
  "bugs": {
    "url": "https://github.com/jincocodev/openclaw-jarvis-ui-ui/issues"
  },
  "homepage": "https://github.com/jincocodev/openclaw-jarvis-ui-ui#readme",
  "devDependencies": {
    "concurrently": "^9.2.1",
    "vite": "^7.3.1"
  },
  "dependencies": {
    "@ricky0123/vad-web": "^0.0.30",
    "express": "^5.2.1",
    "gsap": "^3.14.2",
    "multer": "^2.0.2",
    "three": "^0.175.0",
    "ws": "^8.19.0"
  }
}

Github ReposUpdated 1d agoRank 70

AionUi

Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!

MCPOPENCLAW

Github ReposUpdated 6mo agoRank 70

activepieces

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents

OPENCLAW

Github ReposUpdated 6mo agoRank 70

cherry-studio

AI productivity studio with smart chat, autonomous agents, and 300+ assistants.