卧槽这个仓库是真的细节拉满,上线一天已经 752🌟 了
然鹅刚上线半天,Claude 就发了新版桌面端
昨天花了点时间,新版也被我扒完了😂
完整内容更新到了仓库里👇
👉https://github.com/Caho1/open-claude-ui
1️⃣ 颜色和圆角都换了
浅色底从偏暖的米黄 #FAF8F5 换成冷白 #FCFCFB,深色换成墨黑 #151515
输入框圆角从 20px 砍到 12px,不再是圆圆的胶囊
难怪新版一打开,感觉更像干活的工具了
2️⃣ 底栏按钮看着只有 28px,实际能点的范围有 44px
CSS 先算出按钮标准高度和底栏高度差多少,再用负 margin 把看不见的点击区往外撑
看着紧凑,手指也不会点歪
3️⃣ 小药丸弹出来,会先冲到 1.32 倍,再回到 1.0
曲线是 cubic-bezier(0.34, 1.32, 0.64, 1)
弹的那一下手感,就来自多冲出来的这 32%
4️⃣ 一排标签依次弹出来,不再靠 JS 去算谁先谁后
用的是新的 CSS 函数 sibling-index(),浏览器自己数这是第几个,每个往后延 30ms
最多排到第 8 个,后面的就不再往后延了
5️⃣ 聊天顶部的渐隐,会跟着滚动变化
滚到最顶上时,渐隐自动消失,第一行字看得清清楚楚
往下一滚,又展开成 24px 的渐隐
全靠 CSS 的滚动时间轴,不用写 JS 监听滚动
6️⃣ 消息发不出去,也不会丢
先存进本地的 IndexedDB,弹一条黄色横幅让你重发
就算强制退出再打开,写了一半的长文和附件也都还在
这些都整理进了 open-claude-ui,33 个组件,还有一个双击就能打开的 Storybook,可以自己上手试👇
👉 https://openclaudeui.com/
2026-10-15 09:39
卧槽,昨晚刚把 Claude 桌面端的 UI 逆向完,开源出来
今天它直接大改,差不多是个 2.0 了😂
并行会话、新的侧边栏、用量直接显示在模型选择器旁边,单个聊天还能弹成独立窗口……
改动多到更新日志都快翻不完
昨晚那套弹簧参数、字重补偿、渐隐遮罩,新版里还在不在、有没有改
我这两天就把 2.0 重新拆一遍
新旧版本放在一起对比,变了什么、为什么这么改,都给大家扒出来
新仓库一觉醒来已经有将近 200 个 stars 了,
看来大家对这个是很感兴趣的,2.0 版本分析完第一时间发🫡
这下逆向的速度真快追不上它改版的速度了🤣



