Show HN: Claude Code Web UI
hackernews
|
|
📰 뉴스
#ai 모델
#ai 서비스
#anthropic
#claude
#messages api
원문 출처: hackernews · Genesis Park에서 요약 및 분석
요약
터미널에 국한되던 Claude Code를 웹 UI로 제공하여 브라우저에서 자유롭게 사용할 수 있는 Cockpit이 공개되었습니다. 하나의 머신에서 서버로 실행되어 휴대폰 등 어떤 브라우저에서도 접속이 가능하며, 브라우저를 닫아도 세션이 유지됩니다. 이를 통해 여러 프로젝트를 동시에 실행하고 tmux 패널 없이 편리하게 전환할 수 있는 환경을 제공합니다.
본문
A web UI for Claude Code that frees it from your terminal. Claude Code is great. It's also a terminal app. One window, one machine, foreground only. Cockpit takes the same engine and runs it as a server you reach from any browser. Three things follow: - Claude Code on your phone. Reply to your assistant from a train, a kitchen, anywhere a browser opens. - Many Claude Code sessions running at once. Switch between projects without juggling tmux panes. Sessions live on the server, so closing the browser does not kill them. The chat view stitches across /clear so long threads keep their full visual history. - Cron-driven Claude Code. Schedule a prompt, walk away. Each run produces a transcript that renders the same as a live session. Inside a session: a diff viewer for code changes (split or inline), a file viewer with syntax highlighting, message search across the full transcript, and plan-mode approvals when Claude proposes a plan. It also takes care of things you usually hand-edit: agents, skills, hooks, MCP servers, CLAUDE.md memory. All editable from the UI. PR reviews are a first-class flow. Pick an org, pick a repo, pick a PR. Cockpit reads the diff via the GitHub CLI and starts a Claude session scoped to it. Diff on one side, chat on the other. Run it on your laptop the way you'd run the TUI. Or run it on a home server and reach it from your phone. Same UI either way. npx @alexjbarnes/cockpit Or install globally: npm install -g @alexjbarnes/cockpit cockpit Open http://localhost:3001 and set a password on first run. - Node.js >= 20 - Claude Code CLI installed and on PATH - An Anthropic API key configured for Claude Code - GitHub CLI ( gh ) authenticated, if you want PR reviews Tested on Linux and macOS. Windows is unverified. | Variable | Description | Default | |---|---|---| PORT | Port the server listens on | 3001 | HOST | Bind address | 0.0.0.0 | COCKPIT_RESET_PASSWORD | Set to true to reset password on next startup | false | - Sessions: chat, sidebar, attachments, plan mode, diffs, file view, todos, search, session linking - PR reviews: GitHub PR browsing and review sessions - Scheduled jobs: cron-driven Claude Code runs - Settings: auth, models, themes, agents, skills, hooks, MCP servers, CLAUDE.md npm install npm run dev Apache 2.0
Genesis Park 편집팀이 AI를 활용하여 작성한 분석입니다. 원문은 출처 링크를 통해 확인할 수 있습니다.
공유