Explorando la Inteligencia Artificial en el Desarrollo: Mi Experiencia con PreparaULM

Durante los últimos meses, me embarqué en un proyecto personal llamado PreparaULM, una plataforma de tests en línea diseñada para ayudar a quienes desean obtener su licencia de piloto de ultraligero. En este artículo, comparto mi experiencia explorando las capacidades de la inteligencia artificial moderna en el desarrollo web.

El Nacimiento de PreparaULM

Durante los últimos meses, me embarqué en un proyecto personal llamado PreparaULM, una plataforma de tests en línea diseñada para ayudar a quienes desean obtener su licencia de piloto de ultraligero. Puedes acceder en https://www.preparaulm.com.

En mi trabajo habitual, había notado que las herramientas de inteligencia artificial que utilizábamos se estaban quedando un poco atrás, y tenía curiosidad por explorar qué tan lejos podía llegar con soluciones más actuales.

¿Es Viable Crear una Aplicación Web a Base de Prompts?

La pregunta que me rondaba era: ¿es viable crear una aplicación web a base de prompts sin picar código a mano? Esta curiosidad me llevó a experimentar con diferentes herramientas de IA para el desarrollo.

Comencé utilizando Bolt AI para dar forma a la interfaz gráfica de la plataforma. Sin embargo, cuando llegó el momento de integrar la base de datos, supe que necesitaba una herramienta que me permitiera profundizar más en código (a base de vibe coding). Fue ahí donde decidí enfocarme en aprender a utilizar Cursor, y la verdad es que ha sido una parte fundamental de todo mi aprendizaje en este proyecto.

Mi Experiencia con Cursor: Más que un Editor de Código

Al principio, Cursor cometía bastantes errores, pero una de sus grandes ventajas es la posibilidad de definir reglas (cursorrules) y trabajar con diferentes ficheros y documentación para afinar el resultado. Con el tiempo, fui perfeccionando la manera de crear los prompts y estableciendo distintos modos de trabajo.

El Modo “Planner”: Definiendo Requerimientos

En el modo “Planner”, por ejemplo, me concentro en que la herramienta me haga preguntas clarificadoras para entender bien los requerimientos y los refino, eligiendo por ejemplo si quiero test e2e, unitarios... y eso se resume en un fichero task_001.md con la historia de usuario + las tareas a realizar.

El Modo “Executor”: Implementando Soluciones

Luego llega el modo “Executor” y Cursor se dedica a implementar el código según las directrices que definí. Es aquí donde le paso reglas más enfocadas a programación, por ejemplo, utilizar variables semánticas tipo isTestActive, el uso de async vs promesas, etc.

Personalizando el Workflow con Cursor

Cursor es un mundo y da muchas opciones para personalizar el prompt. Trabajo mucho con prompts tipo:

• coge de base el fichero @path/del_fichero.ts
• utiliza la @doc de Next.js o supabase

Otro de los aspectos clave es la documentación del proyecto. Una de mis reglas le dice a Cursor dónde tengo la carpeta de documentación y dónde tengo el schema de la base de datos.

Galería de imágenes

n8n: Automatizando la Generación de Contenido

Otro gran descubrimiento fue n8n, que me permitió automatizar muchos procesos, como la generación de preguntas para los tests. Esto fue un verdadero reto, porque implicaba ajustar bien los prompts para que las preguntas generadas estuvieran alineadas con el nivel y el tipo de contenido que buscaba.

Además, la inteligencia artificial fue clave para optimizar procesos de integración continua y despliegue, áreas en las que no tenía tanta experiencia previa.

Lecciones Aprendidas y Reflexiones

En resumen, PreparaULM ha sido una forma de demostrarme a mí mismo lo mucho que la inteligencia artificial puede aportar, especialmente en las primeras etapas de desarrollo y prototipado. Ha sido un viaje lleno de aprendizajes, y sin duda, seguiré explorando todo lo que la IA tiene por ofrecer en futuros proyectos.

Conclusiones

La experiencia con PreparaULM me ha demostrado que la inteligencia artificial no solo es una herramienta útil, sino que puede ser un verdadero compañero de desarrollo. Herramientas como Cursor y n8n han transformado mi forma de abordar proyectos, permitiéndome enfocarme más en la lógica de negocio y menos en tareas repetitivas.

El futuro del desarrollo web está claramente ligado a la IA, y proyectos como PreparaULM son solo el comienzo de lo que podemos lograr cuando combinamos creatividad humana con la potencia de la inteligencia artificial.

Ejemplo de Documentación: Task Management

Como ejemplo del tipo de documentación que genero para trabajar con Cursor, aquí tienes un ejemplo de un archivo de task que utilizo en el proyecto:

const averageScore = 75 // Esto podría venir de una API