chatbot-widget-creator

Esta habilidad genera documentación exhaustiva en TypeScript utilizando JSDoc y TypeDoc para referencias de API, registros de decisiones arquitectónicas (ADRs) y ejemplos específicos de frameworks. Úsala para documentar módulos automáticamente, crear documentación multicapa para diferentes audiencias o configurar documentación para proyectos que utilicen NestJS, Express, React, Angular o Vue.

Esta habilidad proporciona orientación experta sobre los últimos patrones de React 19, incluyendo Componentes del Servidor, Acciones y características concurrentes como `useOptimistic` y Suspense. Úsala para arquitectura de componentes, gestión de estado, optimización de rendimiento e implementación de desarrollo moderno con TypeScript. Es tu recurso de referencia para cualquier pregunta de desarrollo en React 19 o revisión de código.

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.

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.