Caho1/open-claude-ui

基于 REA 深度拆解并高保真还原 Claude 官方桌面端 UI。还原 30 个独立 React 组件与 8 项硬核交互物理算法,附带 3000+ 行逆向分析手册。

Open original source ↗

Older snapshot: check the original source for current information.

From the publisher

README & documentation

Source preview

Read the project’s overview, installation instructions and usage examples. The original README is the source of truth.

🌐 官网:openclaudeui.com 基于 REA 深度拆解,高保真生产级还原 Claude 设计系统 (CDS) 与工程交互物理学。 简体中文 · English open-claude-ui 是基于对现代桌面端 AI 客户端进行深度拆解与逆向分析构建的高保真开源 UI 组件库与动效引擎。 整个逆向推导、反混淆静态分析与 ASAR 资源解构,均依托于先进的多平台逆向工程框架 REA (Reverse Engineer Anything) 完成——通过 REA 的静态 AST 解析、闭包代码反混淆与运行时跟踪能力,穿透生产级压缩包,精准还原了底层工程物理常数与数学模型。 不同于市面上常见的盲猜或近似复刻,本项目所有组件规范、物理阻尼常数、着色器关键帧及音频管道均严格依据真实前端架构反编译验证提炼而成: 整个仓库最具工业价值的核心是这本长达 3,000+ 行、31 个核心子节的深度逆向工程手册:docs/Claude Design System (CDS).md.md)。 它不仅记录了所有反编译源码取证位置,还详尽解构了 Anthropic 解决当代大模型产品前端痛点的系统架构方案: UI 组件只是外壳,真正让 Claude 交互质感脱颖而出的是隐藏在混淆代码底部的物理学方程与数学模型。本项目从生产环境反编译还原了以下 8 项关键算法: $\text{idealTx} = Ox - (Ox - \text{prevTx}) \cdot \frac{S{\text{target}}}{S{\text{current}}}$ 配合 4px 手部微抖死区与视口边界溢出阻尼系数 ($y = 0.7$)。 $\text{Compressed} = \min\left(1, (\max(0,…

Caho1/open-claude-ui on GitHub A short preview, not the full document.

Read the full README ↗ · Preview checked 2026-10-30T11:42:29.932Z

Inside the original README — Document outline
  1. Open Claude UI (open-claude-ui)
  2. 📖 简介 (Introduction)
  3. 🌟 核心特性 (Key Features)
  4. 📚 七大篇章逆向分析手册 (Complete Technical Manual)
  5. 📖 第一篇:设计哲学与设计令牌体系
  6. 🧩 第二篇:基础原子组件与交互控件
  7. 💬 第三篇:会话核心流与指令交互引擎
  8. ⚡ 第四篇:动效物理学、着色器与环境光影
  9. 🎨 第五篇:视听多媒体与产物交互物理学
  10. 🖥️ 第六篇:系统级桌面架构与协作拓扑
  11. 🛠️ 第七篇:工程配置与资产代码库总览
  12. 🤖 第八篇:AI Agent 前端 UI 与动效开发指南

Headings are captured from the source. Links open the publisher’s document, not a locally hosted copy.

Links from the README

References supplied by the publisher, not independently verified endorsements. Check the destination before downloading files or entering credentials.

Documentation belongs to its respective authors. Reported project/model license: MIT. A listing is not a grant of reuse or training rights. Confirm the document’s own terms at the source.

What this repository does

基于 REA 深度拆解并高保真还原 Claude 官方桌面端 UI。还原 30 个独立 React 组件与 8 项硬核交互物理算法,附带 3000+ 行逆向分析手册。

Repository facts

Owner
Caho1
Primary language
TypeScript
Stars
1,304
Forks
267
Open issues + pull requests
0
License
MIT
Archived
No
Default branch
main
Created
2026-10-14T14:05:05.000Z
Last push
2026-10-21T08:39:17.000Z

Topics and intended use

Owner-supplied topics: anthropic, audioworklet, claude, design-system, framer-motion, motion-physics, react, reverse-engineering, tailwindcss, ui-components

Review the README for scope, installation, examples and limitations. We do not run repository code or certify it.

Evaluate before installing

Review licensing and dependencies, inspect recent commits and unresolved issues, and test in an isolated environment before production use. Stars and forks alone cannot answer these questions.

README and project files

Issues and maintenance discussion

Releases and changelog

Source and freshness

Source: GitHub. Metadata observed 2026-10-21T12:11:54.486Z. Daily imports are snapshots, not real-time monitoring.

Popularity and source listings do not establish security, suitability, licensing rights or benchmark performance.

Open original source

Related repositories

freeCodeCamp/freeCodeCamp

morluto/rea

openclaw/openclaw

nilbuild/developer-roadmap

deepseek-ai/deepseek-harness

anomalyco/opencode