Open Claude UI

1周前发布 21 00

Open Claude UI不是简单的界面样式复刻,而是通过逆向工程完整还原Claude设计系统CDS以及底层交互物理模型。组件、动效、音效、毛玻璃等细节参数全部来自对原客户端代码的解析,附带Storybook预览与完整技术手册,适合想要复刻Claude桌面端交互质感的前端开发者。

所在地:
Caho1
收录时间:
2026-10-18
Open Claude UIOpen Claude UI

open-claude-ui 是一套开源高保真UI组件库与动效引擎,针对现代桌面端AI客户端做深度拆解逆向开发。项目借助REA(Reverse Engineer Anything)逆向框架完成静态AST解析、代码反混淆、ASAR资源解构,穿透生产打包代码,提取底层交互物理常数与数学模型。

和市面上粗略模仿界面的复刻项目不同,该项目的组件规范、弹簧物理参数、着色器关键帧、音频管线全部基于真实前端代码反编译验证。

  • 温润人文质感(Editorial Warmth):原生陶土橙 Clay #d97757,四层微对比表面层级(Surface 0-3),高分屏发丝细边补偿 Hairline Ring。
  • 严苛交互物理学(Interaction Physics):4套生产环境弹簧参数,4px鼠标指针死区,CJK输入法输入保护,7档非线性Alpha渐隐遮罩。
  • 高阶视听与系统架构(Audiovisual & Architecture):Web Audio API构建零延迟提示音合成;以光标为锚点的画廊平移缩放;macOS风格毛玻璃混合;Cowork多智能体协同拓扑结构。

核心特性

  • 30个独立生产级代码模块:11个基础原子组件 + 19个物理交互架构模块与React Hooks,可直接拷贝使用,无黑盒依赖。
  • 原生系统排版与音效:完整系统字体回退栈,内置Web Audio振荡器实现低延迟提示音。
  • 交互式Storybook预览:单文件离线Storybook,浏览器直接打开,预览全部组件与动效。
  • 配套完整技术文档:七大分卷技术手册,CDS完整逆向分析文档独立存放。

相关导航