Speculation Rules API: guía de implementación con IA

Este prompt genera un playground interactivo que demuestra visualmente cómo funciona la Speculation Rules API, una tecnología moderna del navegador que permite precargar o pre-renderizar páginas antes de que el usuario haga clic en un enlace. La interfaz resultante incluye una vista previa de documento con indicadores visuales al pasar el cursor, un panel de estadísticas en tiempo real y bloques de código listos para implementar. Es especialmente útil para desarrolladores web que quieren entender o explicar esta API de forma didáctica sin necesidad de configurar un entorno de pruebas completo.

El prompt funciona mejor con modelos de generación de código como GPT-4o o Claude 3.5 Sonnet, combinados con frameworks como React o HTML/CSS/JS puro. Se puede adaptar fácilmente para incluir casos de uso específicos como comercio electrónico, blogs o documentación técnica. Una variación interesante sería agregar controles deslizantes para ajustar umbrales de confianza o simular distintas condiciones de red, lo que convierte el playground en una herramienta de formación muy completa para equipos de desarrollo frontend.