Claude Code WebUI

项目地址: https://github.com/DevAgentForge/claude-code-webui

网页版的 Claude Code ,允许您部署后在任意设备通过网页进行 AI 编程,

ScreenShot

项目简介

Claude Code WebUI 让用户可以通过浏览器与 Claude Code 进行对话,兼容本地 Claude Code 配置。
该项目使用 React 构建前端,Bun 作为后端运行时,实现了完整的会话管理、实时消息流、权限控制等功能。

注意:目前可能仅支持 macOS/Linux ,所以下面的使用方法也仅针对这两类系统。

开始使用

在开始安装本项目之前,请先确保安装了 Bun 环境与 Claude Code, 如果已有,请忽略。

安装 Bun

curl -fsSL https://bun.sh/install | bash

安装 Claude Code

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

运行 Claude Code WebUI

bunx @devagentforge/claude-code-webui@latest

如果你想自定义端口,可以设置环境变量

PORT=3000 bunx @devagentforge/claude-code-webui@latest 

从源码运行

git clone https://github.com/DevAgentForge/claude-code-webui.git
cd claude-code-webui 

bun i 
bun run build
bun run start

注意

本项目依赖文件 ~/.claude/settings.json, 与 Claude Code 共享此配置,请自行配置 Claude Code 。

标签: claude code, react, WebUI, Claude Agent SDK, Bun

添加新评论