How do I install the Jarvis UI skill?

Run npx skillmds@latest add modbender/jarvis-ui in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Jarvis UI safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: CAUTION, Skill Scanner: PASS. Capability flags: executes scripts, makes network calls, reads secrets. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Jarvis UI?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Jarvis UI free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Jarvis UI?

modbender (@modbender) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Jarvis UI by modbender — Agent Skill

Name: Jarvis UI
Rating: 4.666666666666667 (3 reviews)
Author: modbender

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 spectrum analyzer, system monitor, and TTS. Use when you want a visual dashboard for your OpenClaw agent.

modbender Updated Sep 9, 2026 12 repo stars

File contents

🦾 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)

---name: jarvis-uidescription: 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.--- # 🦾 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)

Frequently asked questions