Nano Banana Pro
Agent skill for nano-banana-pro
Analiza el funcionamiento de todo mi codigo y y genera un readme explicando como funciona
Sign in to like and favorite skills
Analiza el funcionamiento de todo mi codigo y y genera un readme explicando como funciona
"Analiza mi sistema de login y mejora la seguridad implementando: 1) Hash de contraseñas con bcrypt, 2) Validación de datos robusta en el backend, 3) Protección contra inyección SQL usando prepared statements, 4) Sistema de rate limiting para prevenir ataques de fuerza bruta, y 5) Validación de formato de email más estricta. Modifica todos los archivos necesarios y explica cada cambio de seguridad implementado."
"Expande mi sistema de login para incluir: 1) Registro de nuevos usuarios con confirmación de email, 2) Sistema de recuperación de contraseña, 3) Dashboard de usuario con perfil editable, 4) Sistema de roles (admin/usuario), 5) Página de administración para gestionar usuarios. Crea todas las rutas, templates y funcionalidades necesarias con un diseño moderno y responsivo."
"Moderniza mi aplicación Flask convirtiéndola en una API REST con autenticación JWT, agrega un frontend en JavaScript/HTML que consuma la API, implementa documentación automática con Swagger, añade tests unitarios y de integración, configura logging apropiado, y estructura el proyecto siguiendo mejores prácticas con blueprints de Flask. Incluye docker-compose para containerización."
"Transforma mi sistema de login en una experiencia visual moderna implementando: 1) Diseño dark/light mode con toggle dinámico, 2) Animaciones CSS suaves para transiciones de páginas y hover effects, 3) Formulario de login con efectos de glassmorphism y gradientes, 4) Iconos animados para email/password usando Font Awesome, 5) Loading spinner personalizado durante el login, y 6) Notificaciones toast estilizadas en lugar de alerts básicos. Mantén la funcionalidad pero hazlo visualmente impactante."
"Rediseña mi sistema de login para que tenga un estilo minimalista pero visualmente impactante. Implementa: 1) Fondo con gradiente dinámico que cambia suavemente con animaciones CSS, 2) Formulario centrado con bordes suaves y efecto de sombra ligera, 3) Inputs con animaciones de focus que resalten con un borde brillante y placeholders flotantes, 4) Botón de login con microinteracción (por ejemplo, un efecto de onda al hacer clic), 5) Opción de cambio entre modo claro y oscuro con un toggle animado, 6) Mensajes de error con notificaciones toast estilizadas que aparecen con una transición suave, y 7) Diseño responsivo que se adapte perfectamente a dispositivos móviles y tablets. Usa una paleta de colores monocromática con un acento vibrante y tipografía moderna."
"Transforma mi página de login en una experiencia futurista con efectos 3D. Incluye: 1) Fondo con partículas interactivas que reaccionan al movimiento del cursor, 2) Formulario con diseño neomórfico (sombras suaves y relieve táctil), 3) Animaciones 3D en el botón de login que simulan profundidad al hacer hover, 4) Iconos animados para los campos de email y contraseña (por ejemplo, un candado que gira), 5) Indicador de carga circular personalizado con un diseño futurista, 6) Efectos de transición al cambiar entre login y registro, y 7) Diseño optimizado para pantallas pequeñas con gestos táctiles para móviles. Usa una paleta de colores oscuros con acentos neón (azul o morado) y tipografía sans-serif moderna."
"Convierte mi sistema de login en una experiencia inmersiva con un diseño parallax. Implementa: 1) Fondo con efecto parallax que combine imágenes o formas geométricas en movimiento, 2) Formulario de login con glassmorphism (fondo translúcido con desenfoque), 3) Microinteracciones en los inputs, como vibraciones sutiles al ingresar datos incorrectos, 4) Botón de login con animación de gradiente dinámico y efecto de pulsación, 5) Enlace de 'Olvidé mi contraseña' con un modal animado, 6) Indicador de fuerza de contraseña con una barra animada en tiempo real, y 7) Diseño responsivo con transiciones fluidas para todos los dispositivos. Usa una paleta de colores vibrantes y tipografía elegante para una experiencia premium."
"Rediseña mi login para que sea una experiencia gamificada y visualmente divertida. Incluye: 1) Fondo con animaciones de partículas o confeti que se activan al cargar la página, 2) Formulario con avatares animados que reaccionan a las interacciones del usuario, 3) Botones con efectos de rebote o transformación al hacer clic, 4) Barra de progreso animada para indicar la validación de los datos ingresados, 5) Notificaciones toast con emojis y colores vivos para mensajes de éxito o error, 6) Opción de login social con botones estilizados y animaciones al pasar el cursor, y 7) Diseño responsivo con soporte para gestos táctiles en móviles. Usa una paleta de colores alegres y tipografía divertida pero legible."
"Moderniza mi sistema de login con un diseño clásico pero actualizado. Implementa: 1) Fondo con una imagen estática de alta calidad y un overlay de gradiente sutil, 2) Formulario con bordes redondeados y sombras suaves, 3) Animaciones de entrada para el formulario (deslizamiento desde arriba o fade-in), 4) Botón de login con un efecto de brillo al pasar el cursor, 5) Iconos minimalistas para email y contraseña con transiciones de color, 6) Mensajes de error con un diseño elegante y no intrusivo, y 7) Diseño completamente responsivo con ajustes para pantallas pequeñas. Usa una paleta de colores sobria (como azules o grises) con tipografía serif moderna para un toque sofisticado."