# AICSS: añade componentes de conversación a tu aplicación de agentes

> Muestra cuándo tu agente está pensando y presenta su conversación con componentes reutilizables. Puedes instalar componentes React o copiar archivos mediante el CLI según el framework del proyecto.

Verificado el 26 oct 2026.

## Qué es

AICSS distribuye componentes de interfaz para conversaciones con agentes de IA y un CLI para incorporarlos. Su repositorio público contiene el código de los paquetes; la web de documentación tiene un repositorio privado.

## Para qué te sirve

- Cuando quieres distinguir una espera del agente de una respuesta terminada.
- Cuando prefieres añadir un componente concreto a rehacer todo el chat.
- Cuando tu agente de programación necesita una base visual que pueda adaptar a la aplicación.

## Cómo funciona

El paquete @aicss/react se consume mediante importaciones por componente. El CLI tiene un recorrido para copiar archivos React, Vue o Svelte. El README separa componentes gratuitos disponibles en npm y componentes Pro que usan el CLI con un token de cuenta; no debes deducir que todo el catálogo entra en el paquete gratuito.

## Antes de empezar

Necesitas el proyecto web y su entorno de paquetes. El ejemplo mínimo documentado instala el paquete React. Revisa la documentación del componente para sus requisitos adicionales. Los componentes Pro necesitan acceso de cuenta; no se han confirmado aquí sus precios.

Repositorio activo comprobado con GitHub el 26 oct 2026; último commit consultado del 2026-10-26.

## Límites y alternativas

Una interfaz de chat no conecta por sí sola un modelo ni gestiona permisos o almacenamiento de conversaciones. Aporta estados reales desde tu backend y prueba que los indicadores no oculten errores. Para Vue y Svelte sigue el recorrido del CLI; el README no presenta el paquete React como un paquete universal.

## Recursos

- [Repo en GitHub](https://github.com/kvnkld/aicss) - 164 estrellas; licencia de GitHub: MIT.
- [README consultado](https://github.com/kvnkld/aicss/blob/349ab51e83ae8d0b20907b27a9004af78621e8a3/README.md) - funciones e instalación de la revisión consultada.
- [packages/react/README.md](https://github.com/kvnkld/aicss/blob/349ab51e83ae8d0b20907b27a9004af78621e8a3/packages/react/README.md) - referencia oficial del proyecto.