Uploaded July 2026 | Updated September 2026, 2 days ago
Ya ha salido GPT 5.6 y ya está disponible para todos los clientes de OpenAI.
Un modelo con más potencia, "menor costo", y tiene un nuevo modo ultra para trabajo en agentes en paralelo.
En este video me he puesto a realizar la misma tarea tanto con GPT 5.5 y GPT 5.6 y al final te doy mi opinión.
🍺 Mis Cursos de PROGRAMACIÓN: metalcode.io
📚 Mis Libros
📖 Aprender a Programar con C#: hdeleon.net/libro-aprender-a-programar-con-c-hector-de-leon
🤖 Mi Setup
🖥️ Mi Monitor: amzn.to/3dtnDkk
⌨️ Mi Teclado: amzn.to/3BtjKnq
⌨️ Mi Deck elgato: amzn.to/3dvEKC3
🎧 Mis Orejeras: amzn.to/3BwQYm0
🎤 Mi Micrófono: amzn.to/3qPvFHh
🐦X: https://X.com/powerhdeleon
🌎Mi Sitio web: hdeleon.net
📻Raw Radio en Spotify: open.spotify.com/show/3obLU60alE7CGpzNeTS0kN
🏫Mis cursos en Udemy: hdeleon.net/cursos-premium-en-udemy
#programación #dev #programming #AI #IA #GPT #GPT5.6 #OpenAI
-- prompt utilizado --------------------------------------------------------
Actúa como un Senior Frontend Engineer, UX/UI Designer y Software Architect.
Analiza y moderniza el siguiente sitio web:
spacejam.com/1996
Tu objetivo es crear una versión completamente renovada del sitio, respetando su identidad visual y la nostalgia del diseño original de 1996, pero aplicando los estándares modernos de desarrollo web.
## Objetivos
- Analiza todas las páginas accesibles desde el sitio, no únicamente la página principal.
- Comprende la estructura, navegación, contenido y recursos utilizados.
- Conserva la esencia retro del sitio.
- Mejora significativamente la experiencia de usuario.
- Mantén la personalidad visual de Space Jam.
## Requisitos técnicos
- HTML5 semántico.
- CSS moderno utilizando Flexbox y CSS Grid.
- JavaScript moderno (ES2023+).
- Diseño completamente responsive.
- No utilizar frameworks (React, Vue, Angular, Bootstrap, Tailwind, etc.).
- Código limpio, modular y mantenible.
## UX/UI
- Rediseña la interfaz con un aspecto moderno.
- Conserva la temática de los años 90.
- Mejora la jerarquía visual.
- Mejora la navegación.
- Añade animaciones sutiles cuando aporten valor.
- Mantén una excelente experiencia tanto en escritorio como en dispositivos móviles.
## Accesibilidad
Implementa mejoras siguiendo las recomendaciones WCAG:
- HTML semántico.
- Navegación mediante teclado.
- Etiquetas ARIA.
- Texto alternativo.
- Contraste adecuado.
## Rendimiento
Optimiza el sitio para obtener una excelente puntuación en Lighthouse:
- Optimización de imágenes.
- Lazy loading cuando sea apropiado.
- CSS y JavaScript eficientes.
- Minimizar reflows y repaints.
## SEO
Implementa buenas prácticas modernas de SEO:
- Meta tags.
- Open Graph.
- Estructura correcta de encabezados.
- Datos estructurados cuando sean apropiados.
## Entregables
Entrega un proyecto completamente funcional y listo para producción.
No entregues únicamente ejemplos o fragmentos de código.
Si durante el análisis encuentras problemas de arquitectura, navegación, accesibilidad o rendimiento, corrígelos e indica en un reporte final:
1. Problemas encontrados.
2. Mejoras implementadas.
3. Decisiones de diseño.
4. Mejoras de rendimiento.
5. Mejoras de accesibilidad.
6. Mejoras de SEO.
7. Posibles mejoras futuras.
-- fin del prompt -------------------------------------------------------------
Ya ha salido GPT 5.6 y ya está disponible para todos los clientes de OpenAI.
Un modelo con más potencia, "menor costo", y tiene un nuevo modo ultra para trabajo en agentes en paralelo.
En este video me he puesto a realizar la misma tarea tanto con GPT 5.5 y GPT 5.6 y al final te doy mi opinión.
🍺 Mis Cursos de PROGRAMACIÓN: metalcode.io
📚 Mis Libros
📖 Aprender a Programar con C#: hdeleon.net/libro-aprender-a-programar-con-c-hector-de-leon
🤖 Mi Setup
🖥️ Mi Monitor: amzn.to/3dtnDkk
⌨️ Mi Teclado: amzn.to/3BtjKnq
⌨️ Mi Deck elgato: amzn.to/3dvEKC3
🎧 Mis Orejeras: amzn.to/3BwQYm0
🎤 Mi Micrófono: amzn.to/3qPvFHh
🐦X: https://X.com/powerhdeleon
🌎Mi Sitio web: hdeleon.net
📻Raw Radio en Spotify: open.spotify.com/show/3obLU60alE7CGpzNeTS0kN
🏫Mis cursos en Udemy: hdeleon.net/cursos-premium-en-udemy
#programación #dev #programming #AI #IA #GPT #GPT5.6 #OpenAI
-- prompt utilizado --------------------------------------------------------
Actúa como un Senior Frontend Engineer, UX/UI Designer y Software Architect.
Analiza y moderniza el siguiente sitio web:
spacejam.com/1996
Tu objetivo es crear una versión completamente renovada del sitio, respetando su identidad visual y la nostalgia del diseño original de 1996, pero aplicando los estándares modernos de desarrollo web.
## Objetivos
- Analiza todas las páginas accesibles desde el sitio, no únicamente la página principal.
- Comprende la estructura, navegación, contenido y recursos utilizados.
- Conserva la esencia retro del sitio.
- Mejora significativamente la experiencia de usuario.
- Mantén la personalidad visual de Space Jam.
## Requisitos técnicos
- HTML5 semántico.
- CSS moderno utilizando Flexbox y CSS Grid.
- JavaScript moderno (ES2023+).
- Diseño completamente responsive.
- No utilizar frameworks (React, Vue, Angular, Bootstrap, Tailwind, etc.).
- Código limpio, modular y mantenible.
## UX/UI
- Rediseña la interfaz con un aspecto moderno.
- Conserva la temática de los años 90.
- Mejora la jerarquía visual.
- Mejora la navegación.
- Añade animaciones sutiles cuando aporten valor.
- Mantén una excelente experiencia tanto en escritorio como en dispositivos móviles.
## Accesibilidad
Implementa mejoras siguiendo las recomendaciones WCAG:
- HTML semántico.
- Navegación mediante teclado.
- Etiquetas ARIA.
- Texto alternativo.
- Contraste adecuado.
## Rendimiento
Optimiza el sitio para obtener una excelente puntuación en Lighthouse:
- Optimización de imágenes.
- Lazy loading cuando sea apropiado.
- CSS y JavaScript eficientes.
- Minimizar reflows y repaints.
## SEO
Implementa buenas prácticas modernas de SEO:
- Meta tags.
- Open Graph.
- Estructura correcta de encabezados.
- Datos estructurados cuando sean apropiados.
## Entregables
Entrega un proyecto completamente funcional y listo para producción.
No entregues únicamente ejemplos o fragmentos de código.
Si durante el análisis encuentras problemas de arquitectura, navegación, accesibilidad o rendimiento, corrígelos e indica en un reporte final:
1. Problemas encontrados.
2. Mejoras implementadas.
3. Decisiones de diseño.
4. Mejoras de rendimiento.
5. Mejoras de accesibilidad.
6. Mejoras de SEO.
7. Posibles mejoras futuras.
-- fin del prompt -------------------------------------------------------------
