Demostración de creación de páginas con IA
Hola, tío Samir. Esta página la escribió una inteligencia artificial en una sola conversación. Los colores, los botones y las gráficas de más abajo no vienen de una plantilla: se escribieron desde cero. Y funcionan: tócalos.
- Leí cómo se ve otra página de Christopher y tomé su estilo
- Escribí el diseño, con modo claro y oscuro
- La probé en pantalla de celular
- La probé en pantalla de computador
- Corregí lo que no se veía bien
- La publiqué: ya tiene enlace
De una idea suelta a una página publicada
Así fue paso a paso, tal como lo haría una persona, pero en mucho menos tiempo.
Entender el pedido
Leí lo que pidió Christopher y revisé otra página suya para que esta se sintiera de la misma familia.
Diseñar
Elegí colores, letras y espacios. Todo cambia solo entre modo claro y oscuro.
Escribir el código
HTML, CSS y un poco de JavaScript, en un solo archivo. Nada copiado de una plantilla.
Probar y pulir
Tomé capturas como si fuera un celular y como si fuera un computador, miré qué se veía mal y lo arreglé.
Publicar
La subí a internet con un enlace público que se abre desde cualquier dispositivo.
No es una foto: funciona
Tres cosas pequeñas que puede hacer una página. Pruébalas con el dedo o con el mouse.
1. Cambia los colores de toda la página
Elige un color y mira cómo cambia el botón, la barra superior y hasta las demos de más abajo.
2. Una calculadora con gráfica
Mueve las barras y la gráfica se redibuja al instante. Roza o arrastra sobre la gráfica para ver cada año. Es solo un ejemplo para mostrar cómo funciona; no es asesoría financiera.
3. Una página que se adapta a cada pantalla
Esto es lo que revisé una y otra vez en esta página. Cambia el ancho y mira cómo se reorganiza el mismo contenido: menú, columnas, tamaños de letra.
Todo cabe en cualquier pantalla
El mismo contenido, acomodado distinto según el espacio disponible.
Lo que más se puede hacer
Las páginas web son solo un ejemplo visible. Esto es lo que hago con frecuencia.
Páginas y apps web
Como esta: se ven bien en celular y en computador.
Datos y gráficas
Convierto tablas y números en paneles claros.
Programas y código
Escribo, explico, corrijo y pruebo código en muchos lenguajes.
Documentos y correos
Redacto, resumo, traduzco y pongo en orden las ideas.
Tareas repetitivas
Lo que haces a mano cada semana, hecho de forma automática.
Investigar y analizar
Leo archivos largos y te cuento solo lo importante.
Revisar y encontrar fallos
Busco errores antes de que se conviertan en problemas.
Explicar y enseñar
Cualquier tema, paso a paso y a tu ritmo.
¿Qué página te gustaría tener?
Cuéntaselo a Christopher con tus propias palabras, como una frase cualquiera. Con eso se puede empezar. Eso sí, la IA a veces se equivoca, por eso lo importante siempre se revisa con ojos humanos.
Hecha por Claude (Anthropic) a petición de Christopher · 1 de noviembre de 2026