Team Dashboard | 团队面板

English | 中文

---

English

A monitoring dashboard for Claude Code Agent Teams, visualizing multi-agent team communication logs.

Features

• Team List - Display all available teams on the left sidebar
• Member Inbox - View selected member's communication records on the right panel
• Real-time Refresh - Auto-detect log file changes
• Message Filtering - Filter messages by type and time

Quick Start

node scripts/dashboard.js

Then open your browser at http://localhost:3000

Install as Claude Code Skill

git clone https://github.com/warren618/team-dashboard.git ~/.claude/skills/team-dashboard

Directory Structure

~/.claude/
├── teams/{team-name}/config.json    # Team config and member info
├── tasks/{team-name}/               # Task status
└── projects/{project}/              # Agent communication logs (*.jsonl)

Communication Log Format

{
  "sessionId": "xxx",
  "agentId": "xxx",
  "timestamp": "2025-01-20T05:34:53.692Z",
  "type": "assistant|user",
  "message": {
    "role": "assistant",
    "content": [{"type": "text", "text": "..."}]
  }
}

---

中文

Claude Code Agent Teams 监控面板，可视化展示多智能体团队通信日志。

功能

• 团队列表 - 左侧显示所有可用团队
• 成员收件箱 - 右侧展示选定成员的通信记录
• 实时刷新 - 自动检测日志文件变化
• 消息过滤 - 按类型、时间过滤消息

快速启动

node scripts/dashboard.js

然后打开浏览器访问 http://localhost:3000

安装为 Claude Code Skill

git clone https://github.com/warren618/team-dashboard.git ~/.claude/skills/team-dashboard

目录结构

~/.claude/
├── teams/{team-name}/config.json    # 团队配置和成员信息
├── tasks/{team-name}/               # 任务状态
└── projects/{project}/              # Agent通信日志 (*.jsonl)

通信日志格式

{
  "sessionId": "xxx",
  "agentId": "xxx",
  "timestamp": "2025-01-20T05:34:53.692Z",
  "type": "assistant|user",
  "message": {
    "role": "assistant",
    "content": [{"type": "text", "text": "..."}]
  }
}

---

License

MIT