飞翔的企鹅x on X
@BystAnd3rs
卧槽！Claude 的手感为什么这么舒服，这下终于被我扒明白了😁😁😁
Claude 的丝滑并不只是调色好看
有非常多埋在底层的一套工程交互物理学和手感调优细节
对我们 vibecoding 也很有参考价值
前两条帖子好多人在评论区蹲，这次直接交作业
用 REA @morluto 把 Claude Desktop 逆了一遍
整理成一份 3000 多行的逆向手册，附带具体的算法实现，全部开源，欢迎体验，也欢迎提出意见👇
👉 http://github.com/Caho1/open-claude-ui
建议把仓库发给你的 Agent，让他根据你的项目给出优化方案👍
手册拆成了 7 章，具体的算法拆解和还原细节可以看仓库里的文档
还有 30 个能直接复制的 React 组件
大逆向时代彻底到来，这下真的人人都是 Claude 设计总监了🤣😭😭
1️⃣ 滚动边缘不是一刀切掉
普通线性 Gradient 在高分屏上有明显的切断感。Claude 手写了七档精调的非线性透明阶梯，搭配触顶触底动态归零传感器，呈现出一种水雾般的平滑渐隐效果。
2️⃣ 语音波形加入了 8% 的噪声降噪，语音波形只跟着人声跳，低于 8% 的环境声底噪直接切掉，再做一次 0.7 次方压缩，小声说话被放大，大声也不会炸
3️⃣ 拒绝千篇一律的 ease-out 动效，官方在给按钮、消息卡片、勾选、吸附等分别实现了特调的弹簧参数与手感调优
按钮轻弹一下，0.22 秒归位，卡片展开 0.35 秒停住，勾选成功会跳两下，拖侧边栏零回弹，松手就像被磁铁吸住
4️⃣ AI 吐字时屏幕自动跟着滚
但你只要往上一滑，150 毫秒内立刻松手，绝不把你拽回底部
5️⃣ 看图放大以鼠标为中心，不是傻傻地从屏幕中间放大
移动不到 4px 不算拖，手抖也不怕
6️⃣ 拖分栏划过网页预览也不会卡死，双击一下直接五五对半
接下来是不是可以继续分析一下 Claude 的 Web 端 🤣🤣🤣
Claude 的丝滑并不只是调色好看
有非常多埋在底层的一套工程交互物理学和手感调优细节
对我们 vibecoding 也很有参考价值
前两条帖子好多人在评论区蹲，这次直接交作业
用 REA @morluto 把 Claude Desktop 逆了一遍
整理成一份 3000 多行的逆向手册，附带具体的算法实现，全部开源，欢迎体验，也欢迎提出意见👇
👉 http://github.com/Caho1/open-claude-ui
建议把仓库发给你的 Agent，让他根据你的项目给出优化方案👍
手册拆成了 7 章，具体的算法拆解和还原细节可以看仓库里的文档
还有 30 个能直接复制的 React 组件
大逆向时代彻底到来，这下真的人人都是 Claude 设计总监了🤣😭😭
1️⃣ 滚动边缘不是一刀切掉
普通线性 Gradient 在高分屏上有明显的切断感。Claude 手写了七档精调的非线性透明阶梯，搭配触顶触底动态归零传感器，呈现出一种水雾般的平滑渐隐效果。
2️⃣ 语音波形加入了 8% 的噪声降噪，语音波形只跟着人声跳，低于 8% 的环境声底噪直接切掉，再做一次 0.7 次方压缩，小声说话被放大，大声也不会炸
3️⃣ 拒绝千篇一律的 ease-out 动效，官方在给按钮、消息卡片、勾选、吸附等分别实现了特调的弹簧参数与手感调优
按钮轻弹一下，0.22 秒归位，卡片展开 0.35 秒停住，勾选成功会跳两下，拖侧边栏零回弹，松手就像被磁铁吸住
4️⃣ AI 吐字时屏幕自动跟着滚
但你只要往上一滑，150 毫秒内立刻松手，绝不把你拽回底部
5️⃣ 看图放大以鼠标为中心，不是傻傻地从屏幕中间放大
移动不到 4px 不算拖，手抖也不怕
6️⃣ 拖分栏划过网页预览也不会卡死，双击一下直接五五对半
接下来是不是可以继续分析一下 Claude 的 Web 端 🤣🤣🤣
飞翔的企鹅x @BystAnd3rs 原帖 ↗
专业的事还得专业的人来做，这下真快把 Claude 的前端全蒸馏完了：
REA 挖出来的 Claude 细节，好多技术名词我见都没见过
比如 AI 往外吐字的时候，屏幕会自动跟着往下滚
界面几乎不用黑色边框，靠 4 层深浅差一点点的底色分出层次
黑夜模式下，按钮和卡片不用外面那圈白边
是在里面贴一道很淡的亮线来达到同样的视觉效果
在 Mac 的高清屏上，分割线会自动变细到 0.5px
分析报告还在完善，整理好就分享出来👍
This is a saved copy. The original post may have changed or been removed.