车友投稿：ClaudeCO_WebUI_开发日志 1

今天来分享一个 本人自己开发的项目 ClaudeCO,一个claude code 的web ui
项目地址：https://github.com/B143KC47/claudeCO-webui

项目概述

这是一个全栈的Claude Code Web UI项目，旨在为Claude Code提供一个现代化、功能丰富的Web界面，让用户可以在浏览器中享受完整的Claude Code体验（主要的作用希望可以在移动端上使用 web ui ）。

技术栈

• 前端: React 18 + TypeScript + Vite + Tailwind CSS
• 后端: Deno + Hono框架
• 构建工具: 支持多平台编译 (Linux x64/ARM64, macOS x64/ARM64,Windows WSL)

目前的功能：

正常的Claude Code 对话

• 支持思考模式配置 (auto, think, think_hard等)
• 工具使用权限管理
• 支持会话恢复和继续对话

💾 Sessions 管理(对话记录）

• 会话标题自定义和标签管理

• 基于IndexedDB的本地会话存储

• 会话导入/导出功能

• 按项目分组的会话历史

 文件资源管理器集成

• 实时文件信息显示

• 树形文件浏览器

• 支持WSL路径转换

• 文件/文件夹操作支持

终端集成 （还行吧）

即将开发的功能:

Git 集成

Checkpoint

Bill Checking （账单查看）

远程连接 +认证

开发经验分享

在这个项目的开发过程中，我使用Claude Code + Cursor协同开发，总结了一些有效的开发策略

如何给AI定错大概有三个部分：

利用F12控制台的错误信息，将完整的错误堆栈信息提供给AI

Deno的错误信息非常详细，直接复制给AI能快速定位问题

通过Network面板查看API请求/响应，帮助AI理解接口问题

当UI布局或样式出现问题时，截图比文字描述更有效

以及用MCP让AI直接访问网页内容，获得更准确的上下文

那么如果大家觉得还不错 非常欢迎大家体验和贡献代码！！！

或者 星星一下项目 感谢！