360 Secure SkillHub
360 安全技能中心

OpenClaw Dashboard

一个基于 React + Vite + Tailwind + Express + Chart.js 的深色终端风格仪表盘，用于查看本地 OpenClaw agent 系统的运行情况：agent 卡片、子 agent 运行、cron 任务与热力图、成本与燃烧率、活动脉冲、记忆文件浏览、会话回放和实时日志。

mrpixelraf
mrpixelraf
热度 50.19
最近更新 2026-05-11 17:36:03
分类：数据依赖：代码执行 / 读写文件 / 联网浏览搜索应用场景：报告撰写 / DevOps / 日程安排 / 任务管理

安装技能

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

执行命令安装此 skill： npx secure-skills-cli add oc-dashboard
Metadata
name
openclaw-dashboard
description
A real-time monitoring dashboard for OpenClaw agents. Track agents, sub-agents, cron jobs, costs, project progress, and session replay — all in one dark-mode terminal-aesthetic UI.
metadata
{"openclaw":{"emoji":"🖥️","tags":["dashboard","monitoring","ui","agents"]}}

OpenClaw Dashboard

Real-time monitoring dashboard for your OpenClaw agent system.

Features

  • 🤖 Agent Cards — Status, model, context usage, session count
  • 📊 Project Board — Kanban-style project tracker with priorities
  • ⏱ Cron Jobs — Schedule overview + execution heatmap
  • 🔄 Sub-agents — Active + recent sub-agent runs
  • 💰 Cost Panel — Daily/weekly/monthly spend breakdown
  • 📈 Activity Pulse — Message volume over time
  • 🔥 Burn Rate — Token consumption trends
  • 🧠 Memory Browser — Browse agent memory files
  • 🎬 Session Replay — Step through conversation history
  • 📝 Live Logs — Tail agent logs in real-time

Install

npx clawhub install openclaw-dashboard
cd ~/.openclaw/skills/openclaw-dashboard
npm install
npm run dev

Requirements

  • OpenClaw running locally
  • Node.js 18+
  • A browser

Stack

React + Vite + Tailwind CSS + Express + Chart.js

Demo

Live Demo (mock data)