Skip to content

tbckdev/claude-ws

Repository files navigation

Claude Workspace

Visual workspace for Claude Code with Kanban board, code editor, and Git integration.

Local-first SQLite database. Real-time streaming. Plugin system for custom agents and skills.


Why Claude Workspace?

Feature Benefit
🌍 Work Everywhere SQLite-based local storage—no cloud dependency, works offline anywhere
Consistent Performance Lightweight footprint, instant startup, responsive UI on any connection
🎯 Unique Workflow Conversation checkpoints—rewind, branch, and continue at any point
Intuitive Management Drag-and-drop Kanban, live streaming, file browser with Git status
🔌 Flexible Plugins Agent Factory—install only the skills and agents your project needs
🔋 Claude Code Native Full CLI integration with real-time streaming and file attachments

Features

Task Management

  • Kanban board: To Do → In Progress → In Review → Done → Cancelled
  • Drag-and-drop task cards with auto-save
  • Full conversation history per task

AI Interaction

  • Real-time streaming of Claude responses via Socket.io
  • Checkpoints: Save and rewind to any conversation state
  • File attachments for context
  • Custom commands: /cook, /plan, /fix, /brainstorm
  • Detachable chat window

Code Editor

  • Tabbed CodeMirror editor with syntax highlighting
  • AI-powered inline code suggestions
  • Go-to-definition navigation
  • Multi-file editing

File System

  • Interactive file tree browser
  • Unified search (files + content)
  • File preview

Git Integration

  • Full Git workflow: status, stage, commit, diff
  • Visual Git graph
  • Checkpoint Git snapshots for time-travel debugging

Agent Factory

  • Plugin system for Claude skills, commands, agents
  • Dependency management
  • Per-project plugin installation

Developer Tools

  • Background shell process manager
  • Terminal output streaming
  • Multi-project workspace support
  • Themes: Light, Dark, VS Code variants, Dracula

Quick Start

Option 1: Run with npx

Prerequisites: Node.js 20+, pnpm 9+, Claude Code CLI

npx -y claude-ws

The -y flag skips the "Ok to proceed?" prompt.

The first run will:

  • Auto-create SQLite database in ~/.claude-ws/
  • Install dependencies and build automatically
  • Start the server on http://localhost:8556

Option 2: Install globally (Recommended)

npm install -g claude-ws
claude-ws

Global installation avoids npx prompts and rebuilding on every run.

Option 3: Development from source

git clone https://github.com/Claude-Workspace/claude-ws.git
cd claude-ws
pnpm install
pnpm db:migrate
pnpm dev

Open http://localhost:8556


Updating

Check current version

claude-ws --version

Update to latest version

npm update -g claude-ws

Force reinstall

npm install -g claude-ws@latest

Tech Stack

  • Framework: Next.js 16 + React 19
  • Database: SQLite + Drizzle ORM
  • Real-time: Socket.io
  • Styling: Tailwind CSS 4
  • UI: Radix UI primitives
  • State: Zustand
  • Drag & Drop: dnd-kit

Scripts

Command Description
pnpm dev Start development server
pnpm build Build for production
pnpm start Start production server
pnpm lint Run ESLint
pnpm db:migrate Run database migrations

License

MIT

About

Access Claude Code as Kanban in Web. Work from anywhere with consistent performance. Intuitive workflow, flexible plugins.

Resources

License

Stars

1 star

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages