Navegación con Scroll Suave: Prompt y Ejemplo con IA

Este prompt genera un menú de navegación con desplazamiento suave entre secciones de una página web. Es ideal para sitios de una sola página (landing pages, portfolios o presentaciones de producto) donde el usuario navega por bloques de contenido sin recargar la pantalla. El resultado incluye tanto la animación de scroll como un indicador visual que resalta la sección activa en tiempo real, mejorando notablemente la experiencia del usuario.

Para reproducirlo, basta con pegarlo en un modelo generativo de código como Claude, GPT-4 o GitHub Copilot, especificando opcionalmente el framework preferido (vanilla JavaScript, React o Vue). Puedes ampliar el prompt pidiendo que el menú sea fijo al hacer scroll, que incluya un botón de regreso al inicio, o que respete las preferencias de movimiento reducido del sistema operativo para mayor accesibilidad.