chatbot-widget-creator
Acerca de
Esta habilidad genera un widget de chatbot estilo ChatGPT listo para producción, con soluciones integradas para problemas comunes del frontend. Ofrece protección contra renderizados infinitos, funcionalidad de "Preguntar a la IA" en selecciones de texto, y soporte integrado para backends de transmisión SSE y RAG. Úsala para implementar rápidamente una interfaz de chat monitoreada y de alto rendimiento en tu aplicación web.
Instalación rápida
Claude Code
Recomendadonpx skills add mattnigh/skills_collection -a claude-code/plugin add https://github.com/mattnigh/skills_collectiongit clone https://github.com/mattnigh/skills_collection.git ~/.claude/skills/chatbot-widget-creatorCopia y pega este comando en Claude Code para instalar esta habilidad
Repositorio GitHub
Preguntas frecuentes
¿Qué es el Skill chatbot-widget-creator?
chatbot-widget-creator es un Skill de Claude creado por mattnigh. Los Skills agrupan instrucciones y recursos que Claude carga cuando los necesita para realizar tareas relacionadas con chatbot-widget-creator sin indicaciones adicionales.
¿Cómo instalo chatbot-widget-creator?
Usa los comandos de instalación de esta página: añade chatbot-widget-creator a Claude Code como plugin o clona su repositorio en tu directorio de skills y reinicia Claude para cargarlo.
¿A qué categoría pertenece chatbot-widget-creator?
chatbot-widget-creator pertenece a la categoría Otro.
¿Se puede usar chatbot-widget-creator gratis?
Sí. chatbot-widget-creator aparece en AIMCP y se puede instalar gratis.
Habilidades relacionadas
Esta habilidad crea un widget de chatbot estilo ChatGPT listo para producción, diseñado para integración frontend. Incluye características críticas como protección contra re-renderizados infinitos, funcionalidad de "Preguntar a la IA" en selecciones de texto, e integración preparada con backends RAG y transmisión SSE. Úselo para implementar rápidamente una interfaz de chat probada en combate y monitoreada.
Esta habilidad utiliza la CLI de Gemini para generar código de interfaz de usuario frontend a partir de descripciones de texto o imágenes. Se especializa en crear componentes de React con Tailwind CSS, lo que la hace ideal para convertir capturas de pantalla o conceptos de diseño en código funcional. Los desarrolladores deben usarla para prototipado rápido, asistencia en estilos y tareas de refactorización de código.
Esta habilidad genera documentación integral de TypeScript utilizando JSDoc y TypeDoc para múltiples audiencias. Crea documentación de API, registros de decisiones arquitectónicas (ADRs) y ejemplos específicos para frameworks como NestJS, Express, React, Angular y Vue. Úsala para documentar módulos, generar documentación de API o establecer patrones de documentación por capas.
Esta habilidad proporciona orientación experta sobre los últimos patrones de React 19, incluyendo Componentes del Servidor, Acciones y hooks como `useOptimistic`. Úsala para la arquitectura de componentes, gestión del estado y optimización del rendimiento al construir aplicaciones modernas con React. Asiste de manera proactiva en la implementación de características concurrentes, Suspense y desarrollo con TypeScript.