Un linter diseñado para agentes que permite definir reglas de estilo para sistemas de diseño con Tailwind y ofrece correcciones basadas en los componentes y el tema del proyecto.
deeplethe/solid-glass
Un sistema de diseño para aplicaciones de IA: una hoja de estilos compatible con shadcn/ui y componentes con un acabado sólido inspirado en el vidrio.
- Estrellas
- 2,042
- Forks
- 42
- Issues abiertos
- 5
- Último commit
- hace 7 días
¿Qué es?
Solid Glass es un sistema de diseño para aplicaciones de IA, creado con shadcn/ui, Tailwind CSS 4 y React 19. Se distribuye como una sola hoja de estilos que adapta los componentes existentes de shadcn/ui según sus atributos data-slot y nombres de clase, por lo que no es necesario modificar los componentes que ya hay en un proyecto.
Su estilo visual se sitúa entre el diseño plano y el vidrio líquido: las superficies tienen reflejos sutiles en los bordes, contornos finos y sombras suaves, para que parezcan de un material sólido en lugar de paneles transparentes. El objetivo es ofrecer una interfaz tranquila en la que el texto siga siendo legible mientras se muestran respuestas en streaming, agentes en ejecución y decisiones pendientes.
Además del estilo base, el proyecto incluye componentes propios para interfaces de agentes, como un indicador de estado, un compositor, listas de pasos de herramientas, una vista de diferencias, una tarjeta de preguntas, un anillo de uso del contexto, avisos de tareas y un bloque de razonamiento. También incluye una página Create para ajustar las variables del tema y varias pantallas de ejemplo, que se pueden instalar mediante el shadcn CLI.
Funciones clave
- 01Una sola hoja de estilos que adapta los componentes existentes de shadcn/ui sin necesidad de modificar el código.
- 02Compatible con los modos claro y oscuro; el modo oscuro es el diseño principal.
- 03Variables del tema ajustables, como el grosor, el matiz, el radio y el desenfoque, desde la página Create.
- 04Componentes orientados a agentes, como el estado del turno, los pasos de herramientas, la vista de diferencias y la tarjeta de preguntas.
- 05Se instala mediante el shadcn CLI desde el registro del repositorio.
Casos de uso
- Crear una interfaz de chat o de agentes sobre un proyecto existente de shadcn/ui.
- Mostrar en una disposición legible las respuestas de LLM en streaming, las llamadas a herramientas y las solicitudes de intervención humana pendientes.
- Crear un tema visual coherente para un producto de IA sin escribir CSS personalizado desde cero.
En colecciones
Temas
Preguntas frecuentes
- ¿Qué es solid-glass?
- Un sistema de diseño para aplicaciones de IA: una hoja de estilos compatible con shadcn/ui y componentes con un acabado sólido inspirado en el vidrio. Solid Glass es un sistema de diseño para aplicaciones de IA, creado con shadcn/ui, Tailwind CSS 4 y React 19. Se distribuye como una sola hoja de estilos que adapta los componentes existentes de shadcn/ui según sus atributos data-slot y nombres de clase, por lo que no es necesario modificar los componentes que ya hay en un proyecto.
- ¿solid-glass es gratuito? ¿Qué licencia tiene?
- solid-glass es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿solid-glass sigue mantenido?
- Mantenimiento activo. El último commit de solid-glass fue el 31 oct 2026.
- ¿Para qué puedo usar solid-glass?
- Crear una interfaz de chat o de agentes sobre un proyecto existente de shadcn/ui. Mostrar en una disposición legible las respuestas de LLM en streaming, las llamadas a herramientas y las solicitudes de intervención humana pendientes. Crear un tema visual coherente para un producto de IA sin escribir CSS personalizado desde cero.
- ¿Dónde consigo solid-glass?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/deeplethe/solid-glass
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Un espacio de trabajo web con React y TypeScript para Hermes Agent que reúne chat, archivos, terminal, memoria, skills y supervisión del agente en una sola interfaz.
Un port no oficial de shadcn/ui para Svelte: componentes accesibles y personalizables que copias en tu propia aplicación.
Demo de código abierto en Next.js que recrea la Intelligent UI de ChatGPT y transmite respuestas del modelo como mapas, gráficos, formularios y herramientas interactivas basadas en OpenUI.
Biblioteca de componentes y efectos de UI animados para React y Tailwind CSS, que puedes copiar en tus aplicaciones de Next.js o shadcn/ui.
Plantilla de interfaz para dashboards de administración, basada en componentes Shadcn UI y Vite, con modo claro y oscuro, compatibilidad con RTL y búsqueda global.