DEV Community

chatbi19890202-dev
chatbi19890202-dev

Posted on

Claude Code Open – Open-source AI Coding Platform with Web IDE, Multi-Agent System, and 37+ Tools

What I Built

I reverse-engineered Anthropic's Claude Code CLI (heavily obfuscated) to understand how it works, then built an open-source AI coding platform that goes beyond the original.

GitHub: kill136/claude-code-open
Live Demo: voicegpt.site:3456

Key Features

1. Web IDE — Not Just a Chat Window

A browser-based IDE built with React + Express + WebSocket:

  • Monaco Editor: Multi-tab, syntax highlighting, VS Code-like editing
  • File Tree: VS Code-style with context menus and drag-and-drop
  • AI-Enhanced Editing: Hover tips, inline code review, auto test generation
  • Terminal Panel: In-browser terminal
  • Git Panel: Status, commits, branch management
  • File Snapshots: Checkpoint & Rewind

2. Multi-Agent Collaboration (Blueprint System)

When a task is too complex for a single AI:

  1. Smart Planner analyzes requirements and breaks them into subtasks
  2. Lead Agent orchestrates and dispatches to multiple Workers
  3. Autonomous Workers execute in parallel with full tool access
  4. Swarm Console visualizes all agent states in real-time

3. 37+ Built-in Tools

Category Tools
File Ops Read, Write, Edit, MultiEdit
Search Glob, Grep (ripgrep-based)
Execution Bash, Background tasks
Browser Playwright automation
Database PostgreSQL, MySQL, SQLite, Redis, MongoDB
Debug DAP Debugger
Code Intel LSP, Tree-sitter parsing
Task Mgmt TodoWrite, ScheduleTask
AI Collab Task (sub-agents), Blueprint, Agent Teams
Memory MemorySearch, Notebook

4. Scheduled Task Daemon

"Every day at 9am, review yesterday's git commits and notify me on Feishu"
Enter fullscreen mode Exit fullscreen mode
  • Natural language time configuration
  • File change watching
  • Desktop + Feishu notifications
  • SQLite persistence

5. Self-Evolution

The AI can modify its own source code: edit TypeScript files → tsc compilation check → hot-reload. With dry-run preview and audit logs for safety.

Tech Stack

  • Frontend: React + Ink (terminal UI)
  • Backend: Express + WebSocket
  • Editor: Monaco Editor
  • Database: better-sqlite3
  • Parser: Tree-sitter WASM
  • Language: TypeScript (ES2022)

Getting Started

# One-click install (recommended)
# Windows
irm https://raw.githubusercontent.com/kill136/claude-code-open/main/install.ps1 | iex

# macOS / Linux
curl -fsSL https://raw.githubusercontent.com/kill136/claude-code-open/main/install.sh | bash

# Manual install
git clone https://github.com/kill136/claude-code-open.git
cd claude-code-open
npm install
npm run web  # Open http://localhost:3456
Enter fullscreen mode Exit fullscreen mode

Links

MIT licensed, fully open source. Stars, forks, and issues welcome!


This is an educational research project, not an official Anthropic product.

Top comments (0)