📌 项目：https://github.com/Caho1/open-claude-ui | 星数：1196 | 语言：TypeScript | 协议：MIT | 更新：2026-10-18
Open Claude UI是Caho1开源的项目，1196颗星，TypeScript编写，MIT协议，目标是像素级高保真还原Anthropic Claude官方桌面客户端的界面。这不是一个套壳——开发者用React + TypeScript从零重写了Claude桌面的每一个交互细节：侧边栏对话列表、消息气泡的打字机流式动画、代码块的语法高亮和复制按钮、Artifacts预览面板、思维链折叠展开、附件上传拖拽区。还原精度高到很多用户分不清哪个是官方哪个是开源版。价值在于：你可以接入自己的API Key（或任何兼容OpenAI格式的后端），用一个比官方更可控、可定制、无遥测的Claude界面，数据完全掌握在自己手里。
Claude生态的开源实践值得关注，Claude技能复刻方向可参考Replica Skill Claude指南；Claude/Codex学习路径可看Vibe Wise Claude Codex学习指南，AI聊天应用方向可参考Whirl AI聊天应用。
像素级界面还原：从Claude.ai官网截图逆向还原CSS，颜色值精确到色值，间距精确到px，圆角阴影动画曲线全部对齐。消息气泡的渐入动画、流式输出的光标闪烁、代码块的语言标签和折叠，每一个微交互都复刻。支持亮色暗色双主题，切换动画与官方一致。
多后端接入与流式响应：支持OpenAI、Anthropic、Azure OpenAI、本地Ollama等后端。流式响应用Server-Sent Events实现，Token逐字渲染带打字机效果。支持中断生成、重新生成、分支对话（从某条消息重新回答）。API Key本地存储加密，不上传任何服务器。
Artifacts与扩展功能：还原了Claude的Artifacts面板——代码、文档、HTML预览、SVG图形、Mermaid图表都可以在侧边面板实时渲染。额外增加了官方没有的功能：对话导出（Markdown/PDF）、Prompt模板库、Token用量统计、多Tab对话并行，比官方更实用。
| ✅ 优势 | ❌ 劣势 |
|---|---|
| 像素级还原，视觉体验与官方一致 | 仅前端UI，需自备API Key |
| MIT协议，无遥测无追踪 | 不支持Claude账号登录同步 |
| 多后端接入，一个界面用多个模型 | 部分官方功能（Projects）未还原 |
| Artifacts预览+导出功能实用 | 移动端适配不完善 |
| TypeScript全类型，二次开发友好 | 需要前端部署能力 |
不需要。只要有Anthropic API Key（按量付费）即可。也支持用OpenAI、Ollama等其他后端，完全不依赖Claude账号。界面长得像Claude但底层接什么模型由你决定。
优势：无遥测、可定制、支持多后端、对话数据本地存储可导出。劣势：不支持Claude账号登录和历史同步、没有Projects和Workspaces功能、移动端体验不如官方。适合追求数据自主的用户。
Node.js 18+，clone仓库后npm install && npm run build，产物是静态HTML/JS/CSS。可以部署到任何静态托管（Vercel/Netlify/Cloudflare Pages/GitHub Pages）。API Key在设置页填入，存在浏览器localStorage加密存储。