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."
"Transforma mi página de login en un diseño minimalista con estética nórdica. Implementa: 1) Fondo blanco puro con elementos geométricos sutiles en gris claro, 2) Formulario centrado con bordes finos y tipografía sans-serif limpia (como Helvetica), 3) Inputs con líneas de foco minimalistas que se expanden suavemente, 4) Botón de login rectangular con hover que cambia a un gris oscuro, 5) Iconos monocromáticos para email y contraseña sin animaciones excesivas, 6) Notificaciones toast discretas en la esquina superior derecha, y 7) Diseño responsivo con márgenes amplios para un look 'espacioso'. Usa una paleta de colores blanco, negro y grises suaves."
"Rediseña mi sistema de login con un tema tropical vibrante. Incluye: 1) Fondo con gradientes de colores tropicales (azul océano, verde selva, amarillo sol) que cambian dinámicamente, 2) Formulario con bordes redondeados y sombras suaves inspiradas en hojas de palmera, 3) Inputs con placeholders animados que simulan olas, 4) Botón de login con efecto de 'brillo solar' al hover, 5) Iconos de fauna tropical (como un loro o una flor) para los campos, 6) Spinner de carga con animación de olas, y 7) Notificaciones toast con emojis de frutas. Adapta el welcome para mostrar un dashboard 'playa' con widgets coloridos."
"Convierte mi login en una experiencia retro con estilo arcade de los 80s. Implementa: 1) Fondo con patrón de rejilla pixelada en colores neón (rosa, azul, verde), 2) Formulario con bordes gruesos y efectos de 'glow' como en juegos antiguos, 3) Inputs con tipografía bitmap y cursor parpadeante, 4) Botón de login que simula un botón arcade con sonido (usando CSS para efectos), 5) Iconos pixelados para email y contraseña, 6) Notificaciones que aparecen como 'pop-ups' retro con bordes irregulares, y 7) Animaciones de 'flicker' para un toque nostálgico. Haz el welcome como una 'pantalla de juego' con puntuaciones."
"Diseña mi página de login con un estilo elegante y corporativo. Incluye: 1) Fondo con textura sutil de papel premium y acentos dorados, 2) Formulario con diseño 'business card' centrado y sombras profundas, 3) Inputs con bordes finos y validación visual elegante, 4) Botón de login con gradiente metálico y hover que revela un brillo, 5) Iconos minimalistas en dorado para campos, 6) Notificaciones toast con animación de 'deslizamiento lateral' sofisticada, y 7) Tipografía serif para un look profesional. Actualiza el welcome con un dashboard ejecutivo con gráficos y métricas."
"Crea un login con tema espacial y ciencia ficción. Implementa: 1) Fondo con estrellas animadas y nebulosas que se mueven lentamente, 2) Formulario con diseño 'nave espacial' translúcido y bordes luminosos, 3) Inputs con efectos de 'holograma' que brillan al focus, 4) Botón de login que simula un 'teletransporte' con partículas, 5) Iconos futuristas (como un rayo láser) para campos, 6) Spinner de carga como un 'portal cuántico', y 7) Notificaciones que flotan como hologramas. Haz el welcome un 'centro de control' con paneles digitales."
"Transforma mi login en un diseño rústico y natural. Incluye: 1) Fondo con textura de madera y elementos naturales (hojas, ramas), 2) Formulario con bordes irregulares inspirados en corteza de árbol, 3) Inputs con placeholders que simulan escritura a mano, 4) Botón de login con efecto de 'crecimiento' al hover (como una planta), 5) Iconos de naturaleza (árboles, flores) para campos, 6) Notificaciones toast que aparecen como 'notas en papel arrugado', y 7) Paleta de colores tierra (marrón, verde oliva). Adapta el welcome para un 'jardín digital' con elementos orgánicos."
"Rediseña con un estilo pop art colorido y artístico. Implementa: 1) Fondo con patrones geométricos audaces en colores primarios, 2) Formulario con bordes gruesos y efectos de 'comic book', 3) Inputs con tipografía bold y sombras exageradas, 4) Botón de login que 'explota' en colores al clic, 5) Iconos pop art para email y contraseña, 6) Notificaciones con animaciones de 'burbujas' multicolores, y 7) Diseño asimétrico para un look dinámico. Haz el welcome un 'museo virtual' con galerías."
"Crea un login con tema oceánico sereno. Incluye: 1) Fondo con ondas de agua animadas y burbujas, 2) Formulario con diseño 'bajo el mar' con bordes ondulados, 3) Inputs que simulan corrientes de agua al focus, 4) Botón de login con efecto de 'oleaje' al hover, 5) Iconos de criaturas marinas para campos, 6) Spinner como un remolino de agua, y 7) Notificaciones que flotan como medusas. Actualiza el welcome con un 'acuario digital' interactivo."
"Diseña mi sistema con un estilo steampunk victoriano. Implementa: 1) Fondo con engranajes animados y vapor, 2) Formulario con marcos metálicos y remaches, 3) Inputs con efectos de 'bronce antiguo' y válvulas, 4) Botón de login que simula una palanca con sonido de vapor, 5) Iconos industriales para campos, 6) Notificaciones en 'cartas antiguas' con sellos, y 7) Paleta de colores cobre y bronce. Haz el welcome un 'taller mecánico' con gadgets."
"Convierte mi login en una experiencia zen y meditativa. Incluye: 1) Fondo con gradientes suaves y patrones de mandalas, 2) Formulario centrado con diseño minimalista y simétrico, 3) Inputs con animaciones de 'respiración' (expandir/contraer), 4) Botón de login con efecto de 'iluminación' progresiva, 5) Iconos espirituales (loto, yin-yang) para campos, 6) Notificaciones que aparecen como 'susurros' con fade-in suave, y 7) Música de fondo opcional con HTML5 audio. Adapta el welcome para un 'espacio de mindfulness' con meditaciones guiadas."