360 Secure SkillHub
360 安全技能中心

JARVIS UI

该 Skill 启动本地 Web 服务,提供 JARVIS 风格 HUD 界面,通过 Gateway WebSocket 与 OpenClaw agent 实时聊天,并展示 Three.js 状态球、音频频谱、系统监控和 TTS;可移动端使用,需 Node.js、OpenClaw Gateway,TTS 可选 Edge TTS 或 macOS say。

jincocodev
jincocodev
热度 58.54
最近更新 2026-05-18 12:04:13
分类:效率依赖:代码执行 / 联网浏览搜索 / 读写文件 / 第三方 API应用场景:工作流 / 任务管理 / 日程安排 / 笔记整理

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add jarvis-ui
Metadata
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

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