Jump to related tools in the same category or review the original source on GitHub.

Web & Frontend Development @jincocodev Updated 7/21/2026 837 downloads 2 stars Security: Pass

🦾 Jarvis Ui OpenClaw Plugin & Skill | ClawHub

Looking to integrate Jarvis Ui into your AI workflows? This free OpenClaw plugin from ClawHub helps you automate web & frontend development tasks instantly, without having to write custom tools from scratch.

What this skill does

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.

Install

ClawHub CLI
openclaw skills install @jincocodev/jarvis-ui
Node.js (npx)
npx clawhub@latest install jarvis-ui

Full SKILL.md

Open original
Metadata table.
namedescription
jarvis-uiJARVIS-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.

SKILL.md content below is scrollable.

🦾 JARVIS UI

A JARVIS-style HUD interface for your OpenClaw agent.

Install

./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:

{ "gateway": { "controlUi": { "allowInsecureAuth": true } } }

Then restart OpenClaw Gateway.

Then start:

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

Production

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)
ClawHub Registry URL: https://clawhub.ai/jincocodev/skills/jarvis-ui

Related skills

If this matches your use case, these are close alternatives in the same category.