Visual Dashboard for Claude Code

A Beautiful Dashboard
for Claude Automation

Monitor, manage, and orchestrate complex Claude Code jobs with a real-time web interface. Kanban boards, live output streaming, and visual progress tracking.

localhost:3456
Connected
Supervisor
5hr:
33%
Weekly:
18%
PENDING 2
API Tests
Phase 3
Docs Update
Phase 3
RUNNING 2
Contact Model
45s
API Routes
1m 12s
COMPLETED 4
Schema Design
Validated
Repository
Validated
LIVE OUTPUT
Creating Contact model...
Adding fields: name, email
Setting up validation...
Writing to models/Contact.js
_
Progress: 6/8 (75%) Tokens: 45,230 in / 12,450 out
All validations passed

See It In Action

Watch a 5-minute walkthrough of the dashboard

Real-Time
WebSocket Updates
Kanban
Visual Job Board
Live
Output Streaming
Auto
Validation & Fix

Everything You Need in One Dashboard

Stop switching between terminal windows. Manage all your Claude automation from a single, beautiful interface.

Kanban Board View

Visual job management with drag-and-drop. See pending, running, and completed prompts at a glance.

  • Status columns with counts
  • Click to view details
  • Phase-based grouping

Live Output Streaming

Watch Claude work in real-time. See code being written, decisions being made, and progress as it happens.

  • WebSocket real-time updates
  • Multi-panel output view
  • Scrollable history

Job Management

Create, clone, pause, and manage jobs from the UI. Group by repository, track multiple projects simultaneously.

  • Create jobs from UI
  • Clone & duplicate jobs
  • Repository grouping

Token & Rate Tracking

Monitor your API usage in real-time. Track 5-hour and weekly rate limits to avoid hitting caps.

Auto-Validation

Built-in code review and test validation. See issues inline and let the system auto-generate fix prompts.

Supervisor Chat

Chat interface to interact with the supervisor. Ask questions, adjust parameters, or guide execution.

See the Dashboard In Action

A modern React dashboard built with TypeScript, Tailwind CSS, and WebSocket for real-time updates.

Use arrow keys or click arrows to navigate

Simple, One-Time Pricing

Get full source code access. No subscriptions, no recurring fees.

Developer

$99
one-time payment
  • Full source code + web dashboard
  • Private GitHub repo access
  • All future updates
  • Email support (48hr response)
  • 1 developer seat
Request Beta Access
BEST VALUE

Team

$299
one-time payment
  • Everything in Developer
  • Up to 5 developer seats
  • Priority email support (24hr)
  • 30-minute onboarding call
  • Early access to new features
Request Beta Access

Coming soon! Contact for limited free beta access.

Frequently Asked Questions

What is Code-Supervisor?
Code-Supervisor is a visual web dashboard for orchestrating Claude Code automation. It provides a Kanban board, real-time output streaming, job management, and automatic validation - all from a beautiful web interface instead of the terminal.
What's included in the dashboard?
The dashboard includes: Kanban board view for job progress, live output streaming via WebSocket, job creation and cloning from UI, repository-grouped job list, prompt detail modals, rate limit tracking, supervisor chat interface, and automatic validation results display.
What do I need to run it?
You need Node.js 18+, Claude CLI installed and authenticated, and a Claude Pro or Max subscription. Run npm run web to start the dashboard on localhost:3456.
What tech stack is the dashboard built with?
React 18 with TypeScript, Tailwind CSS for styling, Vite for fast builds, React Query for data fetching, Zustand for state management, React Router for navigation, Framer Motion for animations, and WebSocket for real-time updates.
Can I customize the dashboard?
Yes! You get full source code access. The dashboard is built with modern React patterns and Tailwind CSS, making it easy to customize colors, add features, or integrate with your existing tools.
What is the license?
The license grants you full usage rights for your own projects and teams. You can modify, extend, and deploy the code freely. However, you cannot sell or redistribute the Code-Supervisor source code itself.

Ready to Visualize Your Claude Workflows?

Stop staring at terminal output. Get the dashboard your Claude automation deserves.

Request Beta Access