随时随地 云端编程

远程驱动 AI 编程助手,支持手机、平板、电脑全平台编程体验

通过 Web 浏览器远程控制 Claude Code CLI、Codex CLI 等 AI 编程工具, 无论你在地铁上、咖啡馆里,还是躺在沙发上,只要有浏览器就能写代码!

试用账号 treechat
密码 treechat@123
WebCode 编程界面
向下滚动

核心特性

强大的功能,让 AI 成为你的编程伙伴

手机编程

完整的移动端适配,触摸优化,44px 触摸目标,手势支持,手机上也能流畅编程

多 AI 助手支持

集成 Claude Code CLI、Codex CLI、GitHub Copilot CLI 等主流 AI 编程工具

实时流式输出

即时看到 AI 的思考和编码过程,打字机效果展示,体验更沉浸

会话工作区

每个会话独立工作目录,文件隔离,安全可靠,自动清理过期工作区

代码高亮预览

Monaco Editor 代码高亮,Markdown 渲染,HTML 实时预览,多视图切换

安全执行

沙箱环境,命令白名单验证,输入转义防注入,并发限制,超时控制

产品展示

多场景应用,满足各种编程需求

代码编程助手

代码编程助手

通过 AI 助手进行代码开发,实时查看执行进度和输出结果

PPT/文档辅助

PPT/文档辅助

让 AI 帮你生成专业的演示文稿和技术文档

Skills/工作流

Skills/工作流

集成丰富的 Skills 扩展能力,增强 AI 助手功能

游戏/创意示例

游戏/创意示例

用 AI 快速构建游戏和创意项目,实时预览效果

全平台支持

手机
平板
电脑

技术栈

基于现代技术构建,稳定可靠

Blazor Server 前端框架
Tailwind CSS 样式框架
Monaco Editor 代码编辑器
Semantic Kernel AI 功能
SqlSugar ORM 数据访问

快速开始

Docker 一键部署,30 秒启动

1

克隆项目

git clone https://github.com/xuzeyu91/WebCode.git
2

进入目录

cd WebCode
3

一键启动

docker compose up -d

部署完成后

访问 http://localhost:5000

首次访问会自动进入设置向导

  • 设置管理员账户
  • 配置 Claude Code API
  • 配置 Codex API(可选)
查看详细文档

支持的 AI CLI 工具

集成主流 AI 编程助手

已启用

Claude Code CLI

claude

  • MCP 服务器
  • 会话恢复
  • stream-json 输出
  • 代理系统
已启用

Codex CLI

codex

  • 沙箱执行
  • 网络搜索
  • Git 集成
  • JSONL 输出
待适配

GitHub Copilot CLI

copilot

  • GitHub 集成
  • 细粒度权限
待适配

Qwen CLI / Gemini CLI

qwen / gemini

  • YOLO 模式
  • 检查点
  • 扩展系统