Claudeck: Browser UI for Claude Code with Agents, Cost Tracking, and Plugin System

What Claudeck Does

Claudeck is a browser-based user interface that wraps the Claude Code SDK, providing a visual interface for working with Claude Code. It's designed to not get in the way of development workflows.

Key Features and Details

Installation: One command to try it: npx claudeck@latest

1. Autonomous Agent Orchestration

• 4 built-in agents: PR Reviewer, Bug Hunter, Test Writer, Refactoring
• Agent chains and DAGs with visual dependency graph editor
• Orchestrator that auto-delegates tasks to specialist agents
• Full metrics dashboard with cost aggregation and success rates

2. Cost & Token Visibility

• Per-session cost tracking with daily timeline charts
• Input/output token breakdowns
• Streaming token counter
• Error pattern analysis across 9 categories

3. Git Worktree Isolation

• Run any chat or agent task in isolated git worktree
• Merge, diff, or discard results
• Experiment without touching working branch

4. Persistent Cross-Session Memory

• Remembers project knowledge across sessions using SQLite with FTS5 full-text search
• Auto-captures insights from conversations
• Supports manual /remember commands
• AI-powered memory optimization via Claude Haiku

5. Full-Stack Plugin System

• 7 built-in plugins: Linear, Tasks, Repos, Claude Editor, etc.
• User plugin directory at ~/.claudeck/plugins/ that persists across upgrades
• Drop in a client.js and optionally server.js — no fork needed

Additional Features

• Parallel mode: 4 independent chats in 2x2 grid
• Session branching
• Message recall with ↑
• MCP server management
• Telegram notifications with AFK approve/deny
• Skills Marketplace integration
• Installable as PWA

Technical Details

• Zero framework — vanilla JS
• 6 npm dependencies
• No build step
• Works on macOS, Linux, and Windows
• MIT licensed

Links: npm: npmjs.com/package/claudeck, GitHub: github.com/hamedafarag/claudeck