Claude Code session

Claude Web

Web UI for Claude Code CLI - token streaming, tool visualization, checkpoint, multi-session management

93 stars 20 forksSessions & history Source

Install

Install
npm install -g @anthropic-ai/claude-code

Found in the project README. Check it for setup steps after installing.

From source
git clone https://github.com/heng1234/claude-web.git

From the README

Claude Code Web

Claude Code Web 2.0 是 Claude Code 的本地 Web 界面。Code 模式使用 Claude Agent SDK 原生持久会话,普通聊天保留 claude CLI 路径;两种 runtime 有严格的会话归属,不会在失败时隐式串线。前端通过 SSE 展示回答、工具执行、思考状态和文件改动。
🔒 隐私说明:本工具只是 claude CLI 的本地 GUI 包装器,不上传任何数据到第三方服务。所有对话、图片、会话历史都存在本机 history/ uploads/ claude-web.db 中。认证沿用你本地 claude 的登录态(~/.claude/),本工具不接触任何 API Key。
当前文档对应 2.1.2。历史变更见 CHANGELOG.md,Authenticator 配置见 TOTP_SETUP.md。

📸 截图

普通聊天

普通聊天保持轻量,不显示项目、Git 分支和工具权限。适合问答、写作、解释资料和联网查询。

代码工作区

切换到「代码工作区」后才显示项目、Git 分支、运行模式、模型与推理强度、Token 上下文和代码快捷操作。

手机端

手机端使用抽屉导航和完整宽度的搜索浮层;输入框适配安全区,代码块、表格和工具结果支持窄屏滚动。

浏览器插件

Chrome MV3 Side Panel 支持读取当前页、选中文字右键提问,并把草稿转入完整 Claude Web 会话。

以上截图使用独立脱敏数据目录生成,不包含真实会话、完整本机路径、IP、Token、费用或账号信息。

2.0 核心变化

- 聊天 / Code 分层:普通聊天隐藏项目开发上下文;Code 模式显示项目、分支、权限、模型、推理强度和本地执行状态。
- 全新侧栏:聊天、搜索、记录、CLI 导入和代码工作区统一为列表式导航。
- Codex 风格代码输出:隐藏普通聊天反馈控件,集中展示计划、工具进度、文件改动和代码结果。
- 紧凑模型菜单:主菜单只显示模型与推理强度,具体选项使用左右子菜单;窄屏会自动换边。
- 代码会话按项目归类:项目绑定会话只出现在代码工作区,可在会话菜单中删除。
- Code 权限体验:代码工作区默认使用自动模式,直接放行 Bash、文件读写、搜索、Task 等 Claude Code 工具;root / sudo 环境自动改用全工具白名单兼容运行。
- Agent SDK 原生会话:Code 模式由一个常驻 Node bridge 持有 Claude Query;每轮只发送本轮消息,沿用原生 Session ID、工具、Hooks、Skills、MCP、自动 compact 和中断控制,不再由 Web 层反复拼接全部历史。
- 思考默认开启:代码工作区默认开启思考过程并发送中等推理强度,可在设置中关闭或调整强度。
- Code 轻上下文:直接调用 SDK getContextUsage() 获取 totalTokens / maxTokens,圆环显示剩余比例;窗口由本地模型配置决定,可以是 200k 或 1M。达到 80% 高水位时通过专用控制接口触发 Claude Code 原生 /compact,Session ID 保持不变。
- 文件改动摘要:回答修改文件后显示文件列表,可打开查看 diff。
- 工具执行进度:工具条展示执行数量、类型、完成度和运行状态。
- 手机端重构:搜索浮层、侧栏抽屉、底部输入框、模态框和安全区统一优化。
- 设置中心:通知、手机访问、浏览器插件、费用统计、记忆等配置集中管理。

主要能力

对话与输入

- 多轮对话、停止生成、会话分叉、历史消息编辑后继续。
- 图片粘贴 / 拖拽 / 上传,PDF、DOCX、PPTX、XLSX、CSV、TXT、MD 等文档文本提取。
- URL 正文抓取、WebSearch / WebFetch 联网搜索。
- @ 文件引用和 Slash 命令:/new、/clear、/fork、/compact、/init、/review、/test 等。
- 草稿自动保存、Token 估算、长上下文提示和手动 /compact 压缩。
- Opus / Sonnet / Haiku…
Read the full README on GitHub

Details

Language
HTML
License
Apache-2.0
Last updated
18 October 2026
Topics
anthropicchatgpt-cloneclaudeclaude-aiclaude-codefastapillmpythonweb-ui

FAQ

What is Claude Web?

Web UI for Claude Code CLI - token streaming, tool visualization, checkpoint, multi-session management It is a session for Claude Code, from heng1234/claude-web on GitHub.

How do I install Claude Web?

Run npm install -g @anthropic-ai/claude-code, then follow the setup in the README.

Is Claude Web popular?

heng1234/claude-web has 93 GitHub stars and 20 forks. It was last updated on 18 October 2026.

More sessions & history

Browse the most popular Claude Code mods, all sessions & history, or the skills and MCP server directories.