什么是 JARVIS UI？

JARVIS UI 是一个复杂的 HUD（平视显示器），旨在为您的 AI 智能体提供视觉指挥中心。它使用 Three.js 构建，具有一个动态反应球体，可根据智能体是在思考、说话还是空闲来改变其行为。该工具弥补了基于 CLI 的交互与电影般用户体验之间的差距，使其成为希望拥有未来感界面的开发人员在 Openclaw 技能中的卓越选择。

该应用程序作为一个综合仪表板，集成了通过 WebSocket 中继的实时聊天、系统性能监控器和高级音频可视化。通过使用此界面，用户可以更深入地了解智能体的内部状态和系统资源消耗，同时享受高度响应、移动友好的环境。

下载入口:https://github.com/openclaw/skills/tree/main/skills/jincocodev/jarvis-ui

安装与下载

1. ClawHub CLI

从源直接安装技能的最快方式。

2. 手动安装

将技能文件夹复制到以下位置之一

优先级：工作区 > 本地 > 内置

3. 提示词安装

将此提示词复制到 OpenClaw 即可自动安装。

Install

JARVIS UI 应用场景

• 通过视觉仪表板监控实时 AI 智能体状态和 Token 使用情况。
• 为家庭或办公室自动化构建支持语音的免提指挥中心。
• 在长时间运行的任务中可视化复杂的智能体推理过程。
• 通过安全的 Web 界面远程访问和控制 Openclaw 智能体。
• 通过精美、专业的 HUD 展示 AI 能力，用于演示。

1. UI 服务器初始化并自动从本地 Openclaw 配置中检测网关令牌。
2. 与 Openclaw 网关建立 WebSocket 连接，以促进实时双向通信。
3. Three.js 引擎渲染一个 3D 球体，根据智能体的事件触发器在不同状态（空闲、思考、说话）之间切换。
4. 音频频谱分析仪处理智能体语音或环境声音，以生成同步的环形和波形动画。
5. 通过 HUD 的监控组件轮询并显示 CPU 使用率、内存和运行时间等系统指标。

JARVIS UI 配置指南

要开始为您的 Openclaw 技能使用此界面，请运行设置脚本并启动服务器：

./setup.sh
node --env-file=.env server/index.js

默认情况下，可以通过 http://localhost:9999 访问 UI。在启动 UI 之前，请确保 Openclaw 网关正在本地运行。如果您是从远程机器访问仪表板，请确保按照文档说明更新 ~/.openclaw/openclaw.json 以允许不安全身份验证。

JARVIS UI 数据架构与分类体系

该技能通过本地 JSON 文件管理其配置，该文件会覆盖默认设置。这允许对智能体的身份和服务器环境进行持久自定义。

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

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)