Caho1/open-claude-ui

开发工具

把 Claude 官方桌面端的设计系统与动效物理逆向还原成 React 组件库,供人直接抄用。

1,399
275
TypeScript
MIT
上线 10 天

解决什么问题

做 AI 对话客户端或 Agent 桌面壳时,会话界面几乎都得从零手写:流式文本、能正确处理中文输入法的输入框、模型切换、工具调用授权卡、高分屏上不出现色阶断层的滚动遮罩。多数团队要么自己磨,要么照着截图目测模仿。这个项目换了个来源:基于反编译的生产代码还原 Claude 桌面端的设计体系,把令牌、组件和动效常数打包成库。

有什么不同

常见的「UI 复刻」仓库是看截图猜的,这里强调的是出处——数值与公式据称经 REA 逆向框架从混淆代码中提取,配套 3000+ 行手册记录了每个值的取证位置。真正拉开差距的是两点:令牌层和纯 CSS 表现层不依赖 React 与 Tailwind,Vue/Svelte 宿主可以直接 @import 使用;以及那些通常被略过的交互细节——4 套弹簧参数、拖动前 4px 死区、CJK 输入法合成守卫、7 档非线性渐隐遮罩。和 shadcn/ui、Radix 这类通用库相比,它窄而偏执:只有一种审美,但规定得极细,不是一套通用原子件。音效由 Web Audio 振荡器合成而非分发 mp3,规避了二进制资产授权问题。

适合谁

正在做对话型 AI 产品或 Agent 桌面容器、想要快速得到一个成熟会话界面的前端工程师,且愿意接受一套既定的视觉语言。把它当交互物理的学习材料也很值,手册的价值可能大于组件本身。如果你需要的是能大幅换肤的中性设计系统、技术栈不是 React/Tailwind、或者要一个带版本管理和社区维护的组件库,那就不合适。

上手成本

要求 TypeScript 5.5+、React 18+、TailwindCSS 3.4+ 和 Framer Motion 11+。安装命令在 README 截断部分中未出现,请以 README 为准。MIT 协议,且刻意不分发专有字体与录音,二进制层面没有 DMCA 风险;但整体视觉仍有明显的 Claude 辨识度,商用前值得做一次法务审视。更大的风险是成熟度:项目仅 10 天、1,398 stars,基本是单人作品,没有发布历史,也看不到生产使用者。建议当作可复制的源码来读来改,而不是当成要锁版本的依赖。

点评

这是一个典型的「新品吃爆发」项目——创建以来日均约 134 stars,已登上 TypeScript 新榜第 5——而不是成熟库。逆向这个前提足够具体,文档深度也确实撑得起关注度,但 10 天和 2026 年 10 月下旬之前的空白,意味着长期维护完全无从判断。合理做法是把它当参考实现,拷走需要的部分;不要在没有 fork 的情况下把产品架在它上面。后续看发布窗口过后提交是否还在继续。

本文由 AI 根据项目 README 生成,更新于 2026年10月25日,以项目官方文档为准。