ai-elements-chatbot
✓Esta habilidad proporciona componentes de interfaz de usuario de chat de IA listos para producción creados en shadcn/ui para interfaces de IA conversacionales. Úselo al crear interfaces de chat estilo ChatGPT con respuestas en tiempo real, pantallas de llamadas de herramientas/funciones, visualización de razonamiento o citas de fuentes. Proporciona más de 30 componentes que incluyen mensajes, conversaciones, respuestas, bloques de código, razonamiento, herramientas, acciones y fuentes optimizadas para Vercel AI SDK v5. Evita errores de configuración comunes con Next.js App Router, Tailwind v4, integración shadcn/ui, migración AI SDK v5, patrones de composición de componentes, compatibilidad del navegador de entrada de voz, problemas de diseño responsivo y optimización de transmisión. Palabras clave: ai-elements, vercel-ai-sdk, shadcn, chatbot, conversacional-ai, streaming-ui, interfaz de chat, ai-chat, componentes de mensajes, conversación-ui, llamada de herramientas, visualización de razonamiento, citas de fuentes, transmisión de rebajas, llamada de funciones, respuestas ai, entrada rápida, resaltado de código, vista previa web, navegación por ramas, exhibición de pensamiento, estilo de perplejidad, artefactos-claude
Instalación
SKILL.md
Status: Production Ready Last Updated: 2025-11-07 Dependencies: tailwind-v4-shadcn (prerequisite), ai-sdk-ui (companion), nextjs (framework) Latest Versions: ai-elements@1.6.0, ai@5.0+, next@15+, react@19+
Before installing AI Elements, ensure these are already set up:
Missing prerequisites? Use the tailwind-v4-shadcn skill first, then install AI SDK:
Esta habilidad proporciona componentes de interfaz de usuario de chat de IA listos para producción creados en shadcn/ui para interfaces de IA conversacionales. Úselo al crear interfaces de chat estilo ChatGPT con respuestas en tiempo real, pantallas de llamadas de herramientas/funciones, visualización de razonamiento o citas de fuentes. Proporciona más de 30 componentes que incluyen mensajes, conversaciones, respuestas, bloques de código, razonamiento, herramientas, acciones y fuentes optimizadas para Vercel AI SDK v5. Evita errores de configuración comunes con Next.js App Router, Tailwind v4, integración shadcn/ui, migración AI SDK v5, patrones de composición de componentes, compatibilidad del navegador de entrada de voz, problemas de diseño responsivo y optimización de transmisión. Palabras clave: ai-elements, vercel-ai-sdk, shadcn, chatbot, conversacional-ai, streaming-ui, interfaz de chat, ai-chat, componentes de mensajes, conversación-ui, llamada de herramientas, visualización de razonamiento, citas de fuentes, transmisión de rebajas, llamada de funciones, respuestas ai, entrada rápida, resaltado de código, vista previa web, navegación por ramas, exhibición de pensamiento, estilo de perplejidad, artefactos-claude Fuente: jackspace/claudeskillz.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/jackspace/claudeskillz --skill ai-elements-chatbot- Fuente
- jackspace/claudeskillz
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es ai-elements-chatbot?
Esta habilidad proporciona componentes de interfaz de usuario de chat de IA listos para producción creados en shadcn/ui para interfaces de IA conversacionales. Úselo al crear interfaces de chat estilo ChatGPT con respuestas en tiempo real, pantallas de llamadas de herramientas/funciones, visualización de razonamiento o citas de fuentes. Proporciona más de 30 componentes que incluyen mensajes, conversaciones, respuestas, bloques de código, razonamiento, herramientas, acciones y fuentes optimizadas para Vercel AI SDK v5. Evita errores de configuración comunes con Next.js App Router, Tailwind v4, integración shadcn/ui, migración AI SDK v5, patrones de composición de componentes, compatibilidad del navegador de entrada de voz, problemas de diseño responsivo y optimización de transmisión. Palabras clave: ai-elements, vercel-ai-sdk, shadcn, chatbot, conversacional-ai, streaming-ui, interfaz de chat, ai-chat, componentes de mensajes, conversación-ui, llamada de herramientas, visualización de razonamiento, citas de fuentes, transmisión de rebajas, llamada de funciones, respuestas ai, entrada rápida, resaltado de código, vista previa web, navegación por ramas, exhibición de pensamiento, estilo de perplejidad, artefactos-claude Fuente: jackspace/claudeskillz.
¿Cómo instalo ai-elements-chatbot?
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/jackspace/claudeskillz --skill ai-elements-chatbot 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/jackspace/claudeskillz
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01