Llevaba tiempo queriendo un espacio digital que se sintiera como un libro, no como una web llena de ruido. En los diseños siempre he sido austero, no me gustan los colorinchis y por eso quería la sobriedad del blog de Naval Ravikant, aunque con mi propia identidad.

En lugar de pelearme con un constructor visual pesado o comprar un tema genérico de 60 dólares, decidí hacer un experimento: construir mi propio tema de WordPress de cero usando a Gemini como mi «pair programmer».

Aquí están mis notas sobre la experiencia y lo que aprendí en el proceso.

1. El mito de la «caja negra»

Mucha gente cree que usar IA es simplemente decir «hazme un blog». Error. Para que el resultado sea profesional tienes que actuar como un director de arte.

La clave no estuvo en el primer código que me dio Gemini (que ojo, ya era completamente válido y funcional) sino en las iteraciones. Pasamos por cinco versiones del style.css solo para ajustar el peso de la letra. Aprendí que si no sabes qué pedir (por ejemplo, un font-weight: 500 o un letter-spacing: -0.03em), el resultado será mediocre.

2. El «Inspector» es tu mejor amigo

Hubo cosas que nuestra conversación se torcía y no llegaba a entender mis deseos o instrucciones, así que el momento en que el diseño hizo click fue cuando dejé de adivinar. Tuve que tirar de inspector de Chrome para darle ya instrucciones claras como el tipo de letra o el color. En este sentido Gemini volvía a reconducir el desarrollo e incluso sugerirme alternativas cuando no era posible, por ejemplo la letra del blog de Naval es de pago (Benton Sans) y me sugirió la versión gratuita más cercana, Libre Franklin. Tampoco acertaba con el color del título del blog y le tuve que pasar el código hexadecimal exacto, noté que la IA no tiene ojos y a veces llega hasta donde puede pero no es perfecta.

3. La arquitectura de la simplicidad

Escribir el código con IA me permitió centrarme en la jerarquía, no en la sintaxis. Pudimos implementar:

  • Diseño Panorámico: Pasamos de los típicos 650px de ancho a unos generosos 850px para que el texto tuviera autoridad en monitores grandes.
  • Internacionalización (i18n): Preparamos el tema para ser bilingüe (español/inglés) sin usar plugins pesados, solo con archivos .po y .mo.
  • Modo Oscuro Nativo: Un par de líneas de CSS que detectan la preferencia del sistema del usuario. Sin botones, sin fricción.

4. ¿Sustituye la IA al desarrollador?

No lo creo. La IA es un multiplicador de velocidad. Lo que antes me habría tomado tres días de búsqueda en documentación de WordPress y pruebas de CSS, lo hicimos en un par de horas de conversación fluida.

Sin embargo, el criterio sigue siendo humano. La decisión de usar el rojo #db0042 para el título y el gris para los artículos para mejorar la legibilidad fue una decisión de diseño, no una sugerencia algorítmica.

Conclusión

Después de esta experiencia, siento que el diseño de este tema ha sido cosa mía, Gemini solo me dio los atajos de los detalles técnicos y el cómo llegar a lo que yo quería, pero sin mi criterio e instrucciones nunca hubiera llegado a hacer el tema tal como lo ves ahora.

Sigo pensando que la IA no va a sustituir a los programadores, la IA va a ser una herramienta poderosa en manos de quien sepa manejarla y dirigirla.

Si te gusta el tema lo he subido a este repositorio, para instalarlo es tan sencillo como descargarlo en formato zip y subirlo tal cual en el apartado de Apariencia -> Temas – Añadir tema.