重构了自己的网页版 cursor，从 tdesign 原生 到 "Liquid Glass"

给大佬们送 10 个 plus 兑换码
OKMOXALOHM0WCBQ
CR9WMQGKEPYPZKPA
Z0ZSSYSPEYZXAVL
UO3Z5D0N04OK2AA
PC4QLQU3ZN5PODVH
KIW8HGIXNBQRUCXZ
K9IHRWIQDYJY8WMR
JGKFGEG0NJ3TKWKH
T1IHJQLMDGWKJKK
YZTWRC2VC7AEAHIL

标题的“cursor”解释一下，目前只有 AI 自动补全功能，登录后自动签到，每天会送 50 额度

web 追求什么 Liquid Glass
kpi ？

最后一个已用

K9IHRWIQDYJY8WMR 已用 谢谢 op

咋说呢，Tdesign 看习惯了，感受上是一种“干练”、“够硬”，毕竟是腾讯为 B 端设计的风格，大量的后台业务都用这个 UI ，追求操作上的高效和信息传达准确。

Liquid Glass 的大圆角看起来很不“干脆”，不够“锐”。mac 更新之后，给我的感受真的很差劲。访达和启动台的 UI 看到真的想吐，各种为了大圆角过度出来的空间，显得臃肿、多余。我还是放大屏上看都嫌弃，14 寸小屏看了一眼，也拉跨。难以想象这种垃圾也能正式发布，苹果真的日落西山了。

回到主题，op 如果追求工具属性，建议换回或者换到 B 端风格，C 端应该在 UI 上好好打磨，B 端应该在 UE 上花点心思。比如直接抄一版 vscode 布局，让用户平滑过度过来。现在都是套壳，用户习惯已经养成了，搞新逻辑、新体验只会增加用户心智负担，没啥必要。

没仔细看，但有几点可以说说：
1. 没有 IDE 会在“编辑器设置”里放一个“会员与额度”，这个是账户下面的元素，和编辑器设置无关；
2. 顶部的 header 宽度不够我看着难受，不过可能是特色设计，因人而异；
3. 一般来说，会员权益是放在套餐下面的，你是什么等级的会员，享有什么样的会员权益；
4. 登录才能查看的数据，没登录就别放出来；
5. 每日签到的权益要放到最顶上，不然人家看到付费之后就不会再往下去看下面还有什么了；
6. 扣费的逻辑别放这么显眼，没对比价格，不知你的优势在哪里，但我看倍率能到 1:15 ，这个价格能对得起这份差距吗？
7. Pro 会员既然是推荐，那要把优势打出来，我喜欢去山姆是因为虽然大包装，但山姆会给我标小包单价，我一比就发现还是山姆划算，占便宜的心态让我总是囤大包装，用不完又浪费，但我就是忍不住，有便宜谁能忍住不占啊；
8. 右上角的“AI 未登录”，如果不是业务特色，那应该是笔误，看看有啥更好的文案没；
9. 以上是一个被淘汰的产品职业病犯了，看到啥就想说啥，没有梳理，有用的话欢迎采纳，看着聒噪的话，无视即可；

没看出来哪里 Liquid Glass 风格了，直接打开不行吗？

有一说一，这个和 Liquid Glass 没有一毛钱关系。

这个才是 Liquid Glass 的实现 https://kube.io/blog/liquid-glass-css-svg/

更像 shadcn

@SuperDaniel313

这 UI 一眼 AI 写的 UI ，AI 味贼浓，第二版估计是直接跟 AI 说 ”使用 Liquid Class“。

@litian98 是的

@SuperDaniel313 感谢

锐评来了，OP 的这个产品思路很好，但不要说自研 Liquid Class ，正经前端来写都写不出这个样子。复刻 Liquid Class 需要有深厚的功底，以及审美能力，不是几句提示词就能写的出来的，控制台看了下，百分百确定是指挥 AI 完成的。

@youngxhui 提到的大佬在 Chrome 非常好了，原帖我记得是在 r/webdev ，Chrome 上表现也算是非常出色了，这个大佬的能力不是 AI 能取代的。

@blushyes #9 我只想借机吐槽 mac 的 UI 是依托答辩

@youngxhui 感谢

@Felix96 收到，感谢