swarm-dashboard

Live real-time dashboard for monitoring AI agent swarms with smart completion detection, clickable agent detail views, idle time tracking, and activity streaming. Auto-launches a beautiful web UI. V6 features embedded HTML, line-by-line JSON parsing, and capybara-inspired colors.

16 stars

Best use case

swarm-dashboard is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Live real-time dashboard for monitoring AI agent swarms with smart completion detection, clickable agent detail views, idle time tracking, and activity streaming. Auto-launches a beautiful web UI. V6 features embedded HTML, line-by-line JSON parsing, and capybara-inspired colors.

Teams using swarm-dashboard should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/swarm-dashboard/SKILL.md --create-dirs "https://raw.githubusercontent.com/diegosouzapw/awesome-omni-skill/main/skills/design/swarm-dashboard/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/swarm-dashboard/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How swarm-dashboard Compares

Feature / Agentswarm-dashboardStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

Live real-time dashboard for monitoring AI agent swarms with smart completion detection, clickable agent detail views, idle time tracking, and activity streaming. Auto-launches a beautiful web UI. V6 features embedded HTML, line-by-line JSON parsing, and capybara-inspired colors.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# Swarm Dashboard Skill

> Real-time monitoring for AI agent swarms with a beautiful, auto-refreshing web UI.

## Quick Start

```python
from swarm_dashboard import launch_dashboard, update_agent_task_id

# Launch dashboard
url = launch_dashboard(
    swarm_name="My Project",
    swarm_dir="/workspace/my-project",
    agents={
        "agent-1": {"role": "Core Architect", "wave": 1, "mission": "Setup"},
        "agent-2": {"role": "Backend Dev", "wave": 2, "mission": "Build API"},
    }
)

# After launching each agent with Task tool, update task ID
update_agent_task_id(
    swarm_dir="/workspace/my-project",
    agent_id="agent-1",
    task_id="abc123"  # From Task tool response
)
```

## Features

- **Real-time Updates** - Auto-refreshes every 2 seconds
- **Smart Completion Detection** - Auto-detects finished agents
- **Capybara-Inspired UI** - Natural color palette with light/dark themes
- **Clickable Details** - Live activity feed, tools used, files created
- **Zero Dependencies** - Pure Python stdlib

## CLI Usage

```bash
# Start server
swarm-dashboard serve --port 8080 --swarm-dir /workspace

# Launch in background
swarm-dashboard launch --name "My Swarm" --dir /workspace

# Check status
swarm-dashboard status --dir /workspace

# Stop
swarm-dashboard stop --dir /workspace
```

## Configuration

Environment variables:
- `SWARM_DIR` - Directory with agent folders
- `TASK_DIR` - Directory with task outputs
- `DASHBOARD_PORT` - Server port (default 8080)
- `SWARM_NAME` - Display name

## API Endpoints

| Endpoint | Description |
|----------|-------------|
| `GET /` | Dashboard HTML |
| `GET /api/status` | Swarm status JSON |
| `GET /api/agent/{id}` | Agent details |
| `GET /health` | Health check |

Related Skills

analysis-swarm

16
from diegosouzapw/awesome-omni-skill

Multi-persona analytical framework for comprehensive code review and decision-making

admin-dashboard

16
from diegosouzapw/awesome-omni-skill

Extend and modify the admin dashboard, developer portal, and operations console. Use when adding new admin tabs, metrics, monitoring features, or internal tools. Activates for dashboard development, analytics, user management, and internal tooling.

kpi-dashboard-design

16
from diegosouzapw/awesome-omni-skill

Design effective KPI dashboards with metrics selection, visualization best practices, and real-time monitoring patterns. Use when building business dashboards, selecting metrics, or designing data ...

morning-dashboard

16
from diegosouzapw/awesome-omni-skill

On-demand daily briefing - weather, calendar, todos, birthdays. Use when user asks for their dashboard, daily overview, or "was steht heute an?".

clawdbot-dashboard

16
from diegosouzapw/awesome-omni-skill

A beautiful, feature-rich dashboard for Clawdbot that displays workspace stats, memory, tasks, goals, analytics, and installed skills. Works with any Clawdbot installation - no database needed, all data from workspace files.

careerswarm

16
from diegosouzapw/awesome-omni-skill

CareerSwarm repo: monitor, code sweeps, debugging, and sync with Cursor. Workspace is this repo; read OPENCLAW.md and CONTEXT/todo before big edits.

agent-multi-repo-swarm

16
from diegosouzapw/awesome-omni-skill

Agent skill for multi-repo-swarm - invoke with $agent-multi-repo-swarm

aibi-dashboards

16
from diegosouzapw/awesome-omni-skill

Create AI/BI dashboards. CRITICAL: You MUST test ALL SQL queries via execute_sql BEFORE deploying. Follow guidelines strictly.

swarm-mail

16
from diegosouzapw/awesome-omni-skill

Coordinate with other agents using Swarm mail and file locking

dev-swarm-install-ai-code-agent

16
from diegosouzapw/awesome-omni-skill

Install AI code agent CLI tools including claude-code, gemini-cli, codex, and github copilot-cli. Use when setting up AI coding assistants or when the user asks to install an AI code agent.

ai-agents-dashboard

16
from diegosouzapw/awesome-omni-skill

Live real-time dashboard for monitoring AI agent swarms with smart completion detection, clickable agent detail views, idle time tracking, and activity streaming. Auto-launches a beautiful web UI with capybara-inspired colors.

agent-swarm-orchestrator

16
from diegosouzapw/awesome-omni-skill

Designs multi-agent systems with coordinated agent swarms, task distribution, inter-agent communication, and emergent collective behavior.