skills.rest
azadmotala
azadmotalaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

dashboard

Create a self-contained visual dashboard for monitoring Claude Code task progress.

Updated Apr 1, 2026
Search Tags:#automation#monitoring#dashboard#workspace#task-tracking#live-update
One-click install
npx skills add https://github.com/azadmotala/claude-code-team-builder --skill dashboard-azadmotala
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dashboard
Source: https://github.com/azadmotala/claude-code-team-builder/tree/main/examples/saas-dashboard/.claude/skills/dashboard
Command: npx skills add https://github.com/azadmotala/claude-code-team-builder --skill dashboard-azadmotala

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The dashboard provides a self-contained, browser-based view to monitor and visualize task progress for Claude Code projects by presenting a live view of task state without external dashboards.

Core Features & Use Cases

  • Copy a fixed template into the workspace and display real-time status from tasks.json and progress.log.
  • Auto-refresh every 5 seconds to reflect latest progress across milestones and tasks.
  • Serve locally from the workspace to share a live, ready-to-use project monitor.

Quick Start

Open .claude/workspace/dashboard.html in a browser and serve the workspace with python -m http.server 8000 to view live updates.

Frequently Asked Questions about dashboard

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

FAQPage Schema
How do I monitor task progress in a browser for my Claude Code project?▼

To monitor task progress in a browser, this Skill copies a prebuilt HTML template into your workspace and reads tasks.json and progress.log to render a live visual dashboard of your project state.

How do I serve the live dashboard locally to see real-time task updates?▼

Serve the live dashboard locally by running python -m http.server 8000 in your workspace, then open .claude/workspace/dashboard.html in a browser to view auto-refreshing task status.

Does the dashboard automatically refresh to show latest task status?▼

The dashboard automatically refreshes every 5 seconds to reflect the latest task status and progress across milestones by reading updated tasks.json and progress.log files.

What is the best way to visualize project milestones without external dashboards?▼

The best way to visualize project milestones without external dashboards is using this self-contained workspace template, which parses local task logs to render real-time project state directly in your browser.

Do I need to regenerate HTML every time my tasks.json file changes?▼

You do not need to regenerate HTML when tasks.json changes, because the fixed template dynamically reads the file content on each 5-second refresh to display current progress without static rebuilds.

Can I use this dashboard for tracking automation tasks in a local workspace?▼

You can use this dashboard for tracking automation tasks in a local workspace by serving the directory via a local HTTP server and letting the prebuilt template parse your task tracking logs.

Related Skills

Explore More Software Engineering Skills→
azadmotalaazadmotala

status

Aggregate tasks, milestones, and progress logs into a status report.

Community
Intermediate
technomenschtechnomensch
5

session-wrap

Detect session stopping points and prompt summaries of work progress.

Community
Basic
RayzerrekRayzerrek

plannotator-compound

Analyzes denied planning archives and generates an HTML dashboard report with corrective prompts.

Community
Advanced
sellersessionssellersessions

dashboard-auto-generation-client

Generate standalone HTML dashboards from CSV, Excel, JSON, or TSV files.

Community
Advanced