Skills Agentes

Chat Ui

Bloques de construcción de UI de chat para React/Next.js de ui.inference.sh: contenedor, mensajes, input, indicadores de escritura y avatares.

Estrellas
17

en todo el repo

Actividad
45

0–100, la ruta de este skill

Actualizado
hace 4 meses

último commit aquí

Commits
0

últimos 90 días

Contexto
839 tok

108 tok en reposo

Paquete
1 archivo

3 KB

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add skills-101/superpowers --skill chat-ui --agent claude-code

Se instala solo en este repositorio.

Este skill makes network requests.

Qué hace

  • Instala componentes de chat para React/Next.js vía shadcn (ChatContainer, ChatMessage, ChatInput, TypingIndicator)
  • Proporciona bloques listos para construir interfaces de chat con roles user/assistant/system
  • Ofrece un ejemplo completo de chat con manejo de estado de mensajes y carga

Úsalo cuando

  • Al construir UIs de chat personalizadas
  • Al crear interfaces de mensajería o asistentes de IA
  • Al necesitar listas de mensajes, input de chat o indicadores de escritura

No lo uses cuando

    Qué lo activa

    Di cualquiera de estas frases y el agente debería cargar este skill.

    • “Crea una interfaz de chat con shadcn para mi app de Next.js”
    • “Necesito un componente de input de chat con indicador de escritura”
    • “Agrega una lista de mensajes estilo chat con roles user y assistant”

    Archivos

    1 archivo en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.

    Antes de instalar

    Requiere shadcn CLI y un proyecto React/Next.js con Tailwind CSS configurado.

    Necesita en el PATH:npx

    Detalles

    Creador
    skills-101
    Categoría
    Diseño y UI
    Licencia
    No especificada
    Recursos incluidos
    Solo SKILL.md
    Código fuente
    Ver SKILL.md

    Etiquetas

    Más de skills-101/superpowers

    Este repo incluye 86 skills. Si instalas uno, normalmente ya tienes los demás. Ver el pack superpowers entero y su comando de instalación

    Ejecuta apps de IA vía el CLI de inference.sh: generación de imágenes y video, LLMs, búsqueda web, 3D y automatización de Twitter, con modelos como FLUX, Veo, Gemini, Claude y OpenRouter.

    Costo de contexto al activarse
    1.5k tok
    Tamaño del paquete
    5 archivos
    Última actualización
    el mes pasado
    automatizacion

    Crea videos de avatares IA y talking heads con el CLI de inference.sh: P-Video-Avatar (TTS integrado), OmniHuman, Fabric, PixVerse, para presentadores, dobleaje, UGC y avatares de juegos.

    Costo de contexto al activarse
    2.4k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    el mes pasado
    video

    Genera imágenes con IA usando GPT-Image-2, FLUX, Gemini, Grok, Seedream, Reve y más de 50 modelos vía el CLI de inference.sh.

    Costo de contexto al activarse
    1.3k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    el mes pasado
    diseno ui

    Genera música y canciones con IA usando ElevenLabs, Diffrythm y Tencent Song Generation vía el CLI de inference.sh, para fondos musicales, redes sociales, podcasts y bandas sonoras.

    Costo de contexto al activarse
    1k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    el mes pasado
    redaccion contenido

    Genera videos con IA usando Google Veo, Seedance 2.0, HappyHorse, Wan, Grok y más de 40 modelos a través del CLI de inference.sh.

    Costo de contexto al activarse
    1.9k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    el mes pasado
    video

    Elimina fondos de imágenes con BiRefNet vía el CLI de inference.sh; útil para fotos de producto, retratos, e-commerce, PNGs transparentes y edición fotográfica.

    Costo de contexto al activarse
    667 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    el mes pasado
    diseno ui

    Skills relacionados

    Genera imágenes con IA usando GPT-Image-2, FLUX, Gemini, Grok, Seedream, Reve y más de 50 modelos vía el CLI de inference.sh.

    Costo de contexto al activarse
    1.3k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    el mes pasado
    diseno ui

    Genera fotografía de producto y comercial con IA usando FLUX, Imagen 3, Grok y Seedream: tomas de estudio, escenas lifestyle, packaging y fotos para e-commerce.

    Costo de contexto al activarse
    1.9k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    el mes pasado
    diseno ui

    Creación de screenshots para App Store y Google Play con specs exactas de plataforma: dimensiones iOS/Android, orden de galería, mockups de dispositivo y vídeos de preview.

    Costo de contexto al activarse
    2.3k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    el mes pasado
    diseno ui