claude-task-viewer

Claude Task Viewer is a web-based dashboard that monitors Claude Code tasks as they execute across multiple sessions. It displays task status, dependencies, and timing in a persistent visual interface accessible via http://localhost:3456, eliminating the need to rely solely on terminal output. The viewer watches the Claude Code task directory for real-time changes and pushes updates via Server-Sent Events, showing exactly what Claude is working on, which tasks are blocked, and when work completes. Desktop and audio notifications alert you when tasks finish, while an optional Gantt-style timeline visualizes task duration and sequence. It's designed for developers and ops teams who need visibility into Claude Code's work breakdown and task dependencies without interfering with Claude's autonomous task management.

[{"step":"Access the Task Viewer","action":"Open the web-based Kanban board at the provided URL (e.g., `https://claude-task-viewer.company.com`). Log in with your Claude Code credentials if prompted.","tip":"Bookmark the URL for quick access. Ensure you have the correct permissions to view/edit tasks."},{"step":"Filter and Sort Tasks","action":"Use the filters to narrow down tasks by status (running/queued/completed), priority (high/medium/low), or dependencies. Sort by last updated or creation date to spot stale tasks.","tip":"Enable the \"Show Dependencies\" toggle to visualize task relationships. Look for tasks with red exclamation marks (blocked)."},{"step":"Identify Critical Tasks","action":"Scan for tasks with blocking dependencies, stalled progress (>2 hours without updates), or high priority. Note their IDs and details for the next step.","tip":"Hover over task cards to see additional metadata like assignee, branch name, and recent commits."},{"step":"Take Action","action":"For each critical task, either:\n- Adjust its priority (drag to a new column).\n- Add a comment with instructions for the assignee.\n- Manually reroute dependencies if possible.\n- Mark tasks for cleanup (e.g., delete branches).","tip":"Use the \"Bulk Actions\" feature to clean up multiple completed tasks at once (e.g., delete branches)."},{"step":"Share Updates with the Team","action":"Copy the summary of high-risk tasks and next steps from the Task Viewer. Paste it into your team’s Slack channel or project management tool (e.g., Linear, Jira).","tip":"Tag relevant teammates (e.g., @dev-team, @qa-team) in the summary to ensure accountability."}]