Esta semana fue puente en México y quise aprovechar el tiempo para crear algo útil: un sitio web de introducción a la Inteligencia Artificial, pensado como una capacitación rápida, clara y accesible.

Usé Claude Code (versión web) y en solo 3 días pude terminar un proyecto completo. Aquí te comparto el paso a paso.

1. Elección de la tecnología

Como la página era principalmente estática y no necesitaba lógica del lado del servidor, elegí Vue.

¿Por qué?

  • Es ligero y rápido.
  • Permite crear componentes reutilizables.
  • Si en el futuro requiero lógica servidor-side, puedo conectarlo sin problema con Node.js.

Para las pruebas usé Vitest, ideal cuando trabajas con Vue.

Y dado que se trata de una capacitación, opté por una arquitectura monolítica. Nada de complicarse con estructuras más complejas para algo que debe ser simple y práctico.

2. Preparación del proyecto

Creé un archivo claude.md para darle instrucciones claras al modelo. También preparé un archivo .txt donde coloqué todo el contenido de cada slide.

A partir de ahí, entramos en modo vibe coding.

Le pedí a Claude una estructura con estilo “presentación/diapositivas”, con componentes que mantuvieran la misma composición visual. Después:

  • Fui ajustando cada slide.
  • Añadí contenido para cada aplicación.
  • Organicé la narrativa completa del curso.

3. Un proyecto realmente útil y abierto a todos

El proyecto es open source bajo licencia Apache 2.0. Si quieres contribuir, estoy totalmente abierto a retroalimentaciones, mejoras y nuevas ideas.

Si lo quieres usar como base para tus propias capacitaciones, puedes hacer fork. En el README explico exactamente qué archivo debes modificar para adaptarlo a cualquier tema.

Incluye:

  • Un sistema para añadir quiz.
  • Integración con Google Analytics (solo agrega tu etiqueta en un archivo de variables de entorno).
  • Diseño tipo presentación para cursos, talleres o demostraciones.

Repositorio 👉 GitHub

4. Despliegue en la nube

El deployment fue con Cloudflare Pages: simple, gratuito y muy estable. Solo conecté mi repositorio y añadí mi dominio. Nada más.

En menos de 3 días tenía una página lista, funcional y profesional.

Visita la web 👉 AprendIA

5. Reflexión final

La tecnología está avanzando a una velocidad impresionante. Hoy, más que nunca, tenemos herramientas que nos permiten construir proyectos completos en cuestión de días.

Si tienes una idea, una capacitación o un proyecto que quieras lanzar pero no sabes cómo empezar… contáctame. Quiero ser tu socio tecnológico.