[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f160tmq6904o3d":3},{"code":4,"message":5,"data":6,"timestamp":37},10000,"success",{"full_name":7,"position":8,"description":9,"language":10,"stars":11,"forks":12,"stars_gained":13,"age_days":14,"hn_threads":15,"one_liner":16,"summary_md":17,"topic":18,"github_topics":21,"license":33,"homepage":34,"updated_at":35,"history":36},"deeplethe\u002Fsolid-glass",2,"A design system for AI applications. Material, physical, tactile, technical.","TypeScript",2199,35,171,12,[],"为聊天和 Agent 界面准备的 shadcn\u002Fui 玻璃材质设计系统，换掉千人一面的默认外观。","## 解决什么问题\n\n做 LLM 聊天或 Agent 产品，前端通常只有两条路：用 shadcn\u002Fui 默认样式，结果和别人的 AI 产品长得差不多；或者自己花几周搭一套视觉语言。而流式输出、Agent 状态、工具调用、上下文占用这些反复出现的 UI 部件，业界根本没有统一的视觉写法，每个团队都在临时拼。Solid Glass 给的就是这一块：一份主题样式表加上一批面向 AI 界面的 React 组件。\n\n## 有什么不同\n\n它本质上不是组件库。主体是一个 CSS 文件，通过 `data-slot` 和已有的 class 去接管你现有的 shadcn\u002Fui 组件，所以接入不用换组件。审美上它明确站在 flat 和 liquid glass 之间：够不透明，文字压在背景上仍然能读，层次靠边缘高光和阴影而不是透明度。组件列表也是冲着 AI 场景来的，status-glyph、tool-steps、diff-view、ask-card、context-ring、reasoning 这些普通设计系统不会管的东西它直接给了。另外 Create 页面可以实时调厚度、色调、圆角、模糊和字体，比对着 CSS 变量猜效果直观得多。\n\n## 适合谁\n\n适合在 React 19、Tailwind CSS 4、shadcn\u002Fui 上做聊天或 Agent 前端、想要一个辨识度又不想从零设计的前端开发者。它适合喜欢玻璃质感方向的人；需要中性、不绑定品牌的基础样式的话，它帮不上忙。没用 shadcn\u002Fui，或者还在老版本 React \u002F Tailwind 的团队应该绕开，因为整套东西依赖 shadcn 的标记结构和 CSS 变量名。如果组件和 stock shadcn 差异很大，接入前要先验证。\n\n## 上手成本\n\nREADME 把技术栈写得很清楚：React 19、Tailwind CSS 4、Base UI 版 shadcn 组件，样式表用 `npx shadcn@latest add deeplethe\u002Fsolid-glass\u002Fsolid-glass` 装。装完还要删掉 shadcn init 写下的 `:root` 和 `.dark` 颜色变量，也就是说它是接管你的主题而不是叠加在旁边。这是实实在在的绑定风险，换主题等于换视觉决策，不是加个工具函数。README 对仓库结构和贡献流程写得很细，但项目只有几天大，自有组件注册表也只有 13 项，后续变动要有心理准备。\n\n## 点评\n\n这是个全新项目：创建仅 12 天，已有约 2.2k star，在 new TypeScript 榜上日均新增约 174。这是典型的一次性冲高，不是长期积累，而且 Hacker News 上没有任何相关讨论，缺少真实使用者的背书。思路本身站得住，接管 shadcn 而不是替换它的做法试错成本低，但请把它当成一个待评估的设计方案，而不是可依赖的基础设施。喜欢就 fork 并锁死某个 commit；要做长期维护的产品，建议先观察一段时间。",{"slug":19,"name":20},"media","多媒体与设计",[22,23,24,25,26,27,28,29,30,31,32],"agent-ui","ai","ai-agents","chat-ui","design-system","llm","react","shadcn","shadcn-ui","tailwindcss","theme","MIT","https:\u002F\u002Fdeeplethe.github.io\u002Fsolid-glass","2026-10-25T01:36:12Z",[],1792917865]