如果说 Claude Code 是“住在终端里的 AI 程序员”,那 Claudia 就是给这位程序员装上一套跨平台、可视化、还能自带费用仪表盘与自定义 Agent 的优雅外套。
目录
为什么还需要 GUI?
CLI 工具的脚本化与可组合性无可取代,但在以下场景往往“捉襟见肘”:
需求 | CLI(Claude Code) | GUI(Claudia) |
---|---|---|
多轮对话脉络回溯 | 需手动翻查终端历史 | 时间线可视化、Checkpoint 一键回滚 |
Token/费用概览 | 外部脚本统计 | 内置仪表盘实时刷新 |
非技术团队上手 | 较高门槛 | 点点按按即可 |
多 Agent 配置/沙箱 | 修改 YML / JSON | 表单化模板生成、复用 |
Claudia 正是为了解决这些“可视化痛点”而生。
Claude Code 回顾:CLI 引擎
- 定位:Anthropic 官方推出的 agentic coding 终端工具,理解整仓代码,可搜索、重构、写测试、提交 PR。
- 安装:
npm install -g @anthropic-ai/claude-code
claude login
完成 API Key 认证后即可在项目目录用 claude
开启交互。
-
典型指令
/search "refactor pagination" /edit src/utils/pager.ts /test all /pr "feat: optimize pager"
(完整指令列表可在 REPL 中输入
/help
获得)
Claudia 的 5 大核心亮点
-
Session Timeline & Checkpoints
- 对话自动打快照,支持分叉、回滚,解决 CLI 日志翻找噩梦。
-
Custom Agents
- 图形化创建系统提示词、沙箱权限,团队共享一键复用。
-
Usage Analytics Dashboard
- 实时统计 token、调用次数与费用曲线,超支即时预警。
-
MCP Server Manager
- 本地或私网一键启停 MCP 上下文服务器,点选即连。
-
跨平台 & 开源
- 基于 Tauri 2 + React 开发,单一代码库同时支持 macOS/Windows/Linux;采用 AGPL-3.0 许可证,任何人都可 Fork / 二次开发。
安装与快速上手
前置条件:本机已能正常使用
claude
CLI。
# 1. 克隆仓库
git clone https://github.com/getAsterisk/claudia.git
cd claudia
# 2. 安装依赖
bun install # 或 pnpm / npm
# 3. 启动开发模式
bun run tauri dev # 首次启动自动读取 ~/.claude
首次打开时:
- 选择 CC Projects 载入代码仓库;
- 进入 CC Agents 创建/导入自定义助手;
- 打开 Dashboard 观察用量曲线。
小提示:未来官方将发布已签名的二进制安装包,免去本地编译 Rust & Bun 的步骤。
典型使用场景
场景 | 推荐策略 |
---|---|
个人开发者 | 用 CLI 写脚本 + Claudia 观测费用、回滚关键交互 |
小团队协作 | 在 Claudia 管理共享自定义 Agent,统一上下文 & 权限 |
企业私网 | CLI 指向自建代理;Claudia 仅作本地 UI,不额外泄露代码 |
非技术成员 | 直接拉起 Claudia,可视化观察修改 Diff,让 PM 也能参与审阅 |
开源协议与社区生态
-
Claudia 采用 AGPL-3.0,意味着任何通过网络提供服务的衍生版本也必须开源;商业闭源需单独授权。([github.com][2])
-
项目于 2025-06-19 首个公开 commit,短短数日 GitHub ★ 已破 2.4k,Issues 与 PR 活跃,社区快速验证新特性与 Bug。([github.com][2])
-
核心团队 Asterisk 表示后续计划:
- 内嵌代码编辑器(Monaco)
- 一键部署远端 MCP 集群
- 插件市场(Agent 模板 & 主题皮肤)
结语
无论你是偏爱终端的硬核开发者,还是想让产品经理也能“看懂 AI 聊天”的团队负责人,都可以在 Claude Code + Claudia 组合里找到最舒适的协作形态。现在就克隆仓库试试,把命令行里的智能助手搬到桌面上,享受“好看又能打”的新体验吧!
本文基于公开资料与官方文档整理,所有命令与配置以最新发布版本为准。
[1] https://docs.anthropic.com/en/docs/claude-code/setup?utm_source=chatgpt.com “Set up Claude Code - Anthropic API”
[2] https://github.com/getAsterisk/claudia “GitHub - getAsterisk/claudia: A powerful GUI app and Toolkit for Claude Code - Create custom agents, manage interactive Claude Code sessions, run secure background agents, and more.”
[3] https://apidog.com/blog/claudia-the-gui-for-claude-code/?utm_source=chatgpt.com “Hands on with Claudia, the Open Source Claude Code GUI - Apidog”
[4] https://www.reddit.com/r/ClaudeAI/comments/1lfce82/we_built_claudia_a_free_and_opensource_powerful/?utm_source=chatgpt.com “A free and open-source powerful GUI app and Toolkit for Claude Code”