skills.rest
jincocodev
jincocodevCOMMUNITY
Explore all skills by this author →
GitHub

jarvis-ui

Create a real-time OpenClaw agent dashboard with 3D orb visualization and live chat.

27|4|Updated Feb 16, 2026
Search Tags:#dashboard#visualization#tts#websocket#threejs#openclaw#jarvis-ui
One-click install
npx skills add https://github.com/jincocodev/openclaw-jarvis-ui --skill jarvis-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: jarvis-ui
Source: https://github.com/jincocodev/openclaw-jarvis-ui/tree/main
Command: npx skills add https://github.com/jincocodev/openclaw-jarvis-ui --skill jarvis-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

JARVIS UI provides a visual, interactive dashboard for OpenClaw agents, enabling real-time agent state visualization, live chat via Gateway WebSocket, audio visualization, and system monitoring in a single interface.

Core Features & Use Cases

  • Real-time 3D orb visualization of agent state (IDLE/THINKING/RESPONDING) for immediate situational awareness.
  • Real-time chat integration via Gateway WebSocket to monitor conversations and trigger TTS feedback.
  • System monitor and audio visualizer to track performance metrics, model status, and token usage in a unified view.
  • Use Case: A developer oversees an OpenClaw agent during a session, reviews interactions and system metrics, then tunes TTS settings for better responsiveness.

Quick Start

Start the UI by running the setup.sh in this skill folder and then run the server to access http://localhost:9999.

Frequently Asked Questions about jarvis-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I visualize real-time OpenClaw agent state and conversations?▼

A real-time agent dashboard displays a 3D orb visualization for IDLE, THINKING, and RESPONDING states, alongside live chat and system monitoring, to provide immediate situational awareness.

How do I set up a websocket dashboard for real-time agent monitoring?▼

To set up the websocket dashboard, run the setup.sh script in the skill folder and start the server to access the interface at http://localhost:9999 for live agent monitoring.

Does the OpenClaw real-time UI work on mobile devices?▼

Yes, the real-time agent dashboard provides a responsive interface that works across desktop and mobile devices for monitoring agent state, conversations, memory, and TTS visualization.

Can I monitor token usage and model status in a real-time agent dashboard?▼

Yes, the dashboard includes a system monitor that tracks performance metrics, model status, and token usage in a unified view alongside the 3D orb and live chat.

What is the best way to integrate TTS visualization into an agent monitoring dashboard?▼

The best way to integrate TTS visualization is using a dashboard with an audio visualizer that monitors Gateway WebSocket conversations and allows you to tune TTS settings for better responsiveness.

Related Skills

Explore More Software Engineering Skills→
treesus6treesus6
1

erne-init

Initialize ERNE to configure agents, hooks, MCP servers, and dashboard for React Native and Expo projects.

Community
Advanced
onesmartguyonesmartguy
2

agent-tuning

Optimize ElevenLabs conversational AI agents for real estate applications.

Community
Intermediate
blackpwnguinblackpwnguin
1

Observability

Stream live PAI multi-agent activity and debugging traces via WebSocket.

Community
Advanced
npownpow
4

chart

Render raw data as interactive Chart.js browser charts with screenshot verification.

Community
Intermediate