# 开始 (/docs)

open-claude-ui 把 Claude 官方桌面端的界面拆开，用 React 重新写了一遍，同时附上完整的分析手册。

- [Open Claude UI 组件演示](/docs/components)：直接在页面里点一点真实组件。
- [Open Claude UI 分析手册（2.0）](/docs/v2)：Claude Desktop 2.0 新增和重构的部分。
- [Open Claude UI 分析手册（1.x）](/docs/v1)：设计令牌、原子组件、动效与系统架构。

安装：

```bash
npm i github:Caho1/open-claude-ui
```

源码：[github.com/Caho1/open-claude-ui](https://github.com/Caho1/open-claude-ui)

想了解这些数值是怎么得到的，见 [分析 Claude 桌面端界面](/reverse-engineering-claude)。