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."
""Expande mi p谩gina de bienvenida creando un dashboard visual completo con: 1) Sidebar navegable con men煤s animados, 2) Cards de informaci贸n con gr谩ficos usando Chart.js, 3) Perfil de usuario con avatar circular y badges, 4) Timeline de actividades con iconograf铆a, 5) Widgets interactivos (clima, reloj, estad铆sticas), 6) Footer moderno con enlaces sociales animados, y 7) Responsive design que se adapte perfectamente a m贸viles y tablets. Usa paleta de colores profesional y tipograf铆a moderna."
"Redise帽a聽completamente聽la聽experiencia聽visual聽implementando:聽1)聽P谩gina聽de聽login聽con聽video聽background聽o聽parallax聽scrolling,聽2)聽Formulario聽multi-step聽con聽progress聽bar聽animado,聽3)聽Micro-interacciones聽en聽todos聽los聽elementos聽(botones聽que聽cambian聽forma,聽inputs聽con聽efectos聽focus聽煤nicos),聽4)聽P谩gina聽de聽error聽404聽creativa聽y聽animada,聽5)聽Splash聽screen聽con聽logo聽animado聽al聽cargar,聽6)聽Efectos聽de聽part铆culas聽en聽el聽background,聽y聽7)聽Sound聽effects聽sutiles聽para聽interacciones聽(opcional).聽Crea聽una聽experiencia聽que聽se聽sienta聽como聽una聽aplicaci贸n聽premium聽moderna."