disrouter.aiAI 情报台

disrouter.aiAI 情报台

图片:GitHub

开源项目GitHub 新晋 AI 项目

solid-glass AI 应用设计系统

用轻量 CSS 为 shadcn/ui 提供面向 AI 界面的玻璃质感组件风格。

为什么重要

为 AI 应用和 Agent UI 开发者提供可直接复用的界面风格方案。

阅读原文github.com

AI 解读(根据原文生成)

solid-glass 是 deeplethe 发布的开源代码仓库,定位为“面向 AI 应用的设计系统”。它提供一种介于 flat design 与 liquid glass 之间的 Solid Glass 风格,强调可读性、层级、触感和物理质感,适用于响应流式输出、Agent 执行任务和等待人工输入的 AI 应用界面。系统以一个样式表实现,通过 shadcn/ui 组件已有的 data-slot 和类名工作,无需修改组件,并支持明暗模式。仓库主要语言为 TypeScript,许可证为 MIT,可在 GitHub 和项目主页获取。

要点(AI 据原文整理,数字均已与原文核对)

  • Description: A design system for AI applications. Material, physical, tactile, technical.
  • Topics: agent-ui, ai, ai-agents, chat-ui, design-system, llm, react, shadcn, shadcn-ui, tailwindcss, theme.
  • Solid Glass is one stylesheet.
  • It finds each part of a shadcn/ui component by the `data-slot` and the classes it already carries, so the components you have need no changes.
  • The entire system is built with lightweight CSS and works with existing shadcn/ui components in both light and dark modes.

全部来源(1)

  1. [1]GitHub 新晋 AI 项目

    solid-glass AI 应用设计系统