·building-ai-chat
*

building-ai-chat

ancoleman/ai-design-components

Crea interfaces de chat de IA y una interfaz de usuario conversacional con respuestas en tiempo real, gestión de contexto y soporte multimodal. Úselo al crear interfaces estilo ChatGPT, asistentes de IA, copilotos de código o agentes conversacionales. Maneja la transmisión de texto, límites de tokens, regeneración, bucles de retroalimentación, visualización del uso de herramientas y patrones de error específicos de IA. Proporciona componentes probados en batalla de productos líderes de IA con accesibilidad y rendimiento integrados.

12Instalaciones·1Tendencia·@ancoleman

Instalación

$npx skills add https://github.com/ancoleman/ai-design-components --skill building-ai-chat

SKILL.md

Define the emerging standards for AI/human conversational interfaces in the 2024-2025 AI integration boom. This skill leverages meta-knowledge from building WITH Claude to establish definitive patterns for streaming UX, context management, and multi-modal interactions. As the industry lacks established patterns, this provides the reference implementation others will follow.

For complete implementation with streaming markdown, see examples/basic-chat.tsx.

Build user, AI, and system message bubbles with streaming support:

Crea interfaces de chat de IA y una interfaz de usuario conversacional con respuestas en tiempo real, gestión de contexto y soporte multimodal. Úselo al crear interfaces estilo ChatGPT, asistentes de IA, copilotos de código o agentes conversacionales. Maneja la transmisión de texto, límites de tokens, regeneración, bucles de retroalimentación, visualización del uso de herramientas y patrones de error específicos de IA. Proporciona componentes probados en batalla de productos líderes de IA con accesibilidad y rendimiento integrados. Fuente: ancoleman/ai-design-components.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/ancoleman/ai-design-components --skill building-ai-chat
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es building-ai-chat?

Crea interfaces de chat de IA y una interfaz de usuario conversacional con respuestas en tiempo real, gestión de contexto y soporte multimodal. Úselo al crear interfaces estilo ChatGPT, asistentes de IA, copilotos de código o agentes conversacionales. Maneja la transmisión de texto, límites de tokens, regeneración, bucles de retroalimentación, visualización del uso de herramientas y patrones de error específicos de IA. Proporciona componentes probados en batalla de productos líderes de IA con accesibilidad y rendimiento integrados. Fuente: ancoleman/ai-design-components.

¿Cómo instalo building-ai-chat?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/ancoleman/ai-design-components --skill building-ai-chat Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

https://github.com/ancoleman/ai-design-components