Hola, soy Zak. Sígueme en X @heyMrZak para saber más sobre cómo crear con IA.
Este artículo está dirigido a personas sin conocimientos técnicos que quieran iniciarse en la programación intuitiva sin tener ninguna formación en tecnología.
El verdadero problema de la programación intuitiva
Según mi experiencia creando aplicaciones y sitios web con IA, el problema es el siguiente: si te limitas a ver cómo la IA escribe tu código sin entender lo que está haciendo, lo normal es que digas: «He probado la aplicación y la función funciona». Pero la verdadera pregunta es: ¿es segura esta página? ¿Está optimizada para el SEO? ¿De verdad lo has comprobado?
Esa es la pregunta que la mayoría de los principiantes se saltan. Este artículo te mostrará cómo probar tus funciones en cuanto al SEO y te dará consejos sobre cómo utilizar la IA para programar sin que tu aplicación deje de funcionar cada vez que realices un cambio.
El problema del «bucle de la IA»
A veces le das una indicación a la IA, esta escribe el código y, más tarde, te das cuenta de que ha estropeado algo sin avisarte; solo lo descubres cuando te pones a investigar a fondo. A esto es a lo que yo llamo el «bucle de la IA». Todos los programadores ocasionales se enfrentan a esto. Pero puedes reducirlo con unos cuantos hábitos.
Si eres de los que se lanzan directamente a crear tu próxima aplicación a la escala de Instagram, bienvenido al bucle —sobre todo cuando tu aplicación se vuelve compleja.
Paso 1: Aclara primero tu idea
Antes de hacer nada, ¿tienes realmente clara tu idea? Si no es así, utiliza ChatGPT o Claude para darle vueltas y, a continuación, conviértela en un PRD (documento de requisitos del producto). Esta es una de las cosas más útiles que puedes proporcionarle a una IA antes de empezar a darle instrucciones.
Pregúntate: ¿qué más necesito? Diseño, para empezar. Te recomiendo que utilices tu propia imaginación para el diseño: un pequeño toque personal es mejor que el diseño genérico generado por IA con el que acaban todos los principiantes.
Puedes utilizar Figma si quieres diseñar como es debido, o simplemente esbozar esquemas en un cuaderno; eso es lo que me ayuda a plasmar todas las ideas que tengo en la cabeza. También puedes utilizar herramientas de diseño basadas en IA, pero añade siempre tu propio toque. Eso es lo que realmente importa.
Paso 2: Elige tu editor de IA o herramienta de IA
Ahora que ya tienes tu diseño y tu PRD, tienes que elegir tu editor de IA o tu herramienta de IA (no son lo mismo).
Yo, personalmente, utilizo un editor de IA porque me gusta la libertad que ofrece: puedes usarlo para cualquier cosa, a diferencia de la mayoría de las herramientas de IA que te limitan a su plataforma. Dicho esto, si tu idea no es tan grande ni compleja, una herramienta de IA está perfectamente bien y probablemente sea más rápida.
Si eres como yo y quieres tener control total sobre todo, opta por un editor de AI:
- Cursor
- Claude Code
- Codex
Paso 3: Elige tu pila tecnológica
Antes de nada, ¿qué pila tecnológica utilizas?
Para aplicaciones móviles, te recomiendo Flutter. Es ideal para un MVP (producto mínimo viable), ya que te permite desarrollar tanto para iOS como para Android a partir de un único código base.
Para sitios web, utiliza React.
Paso 4: Elige una base de datos
Necesitarás una base de datos para almacenar la información de tus usuarios.
Supabase es fácil de configurar y funciona tanto para aplicaciones como para sitios web, con un plan gratuito muy completo. Gestiona la autenticación y tu base de datos en un solo lugar.
Firebase también es una opción estupenda: es un producto de Google y funciona muy bien para aplicaciones.
Mi recomendación personal: Supabase con SQL.
Una vez que tengas la base de datos organizada y hayas decidido tu pila tecnológica, pasa al siguiente paso.
Paso 5: Crea reglas para tu IA
Aquí es donde estableces límites estrictos para tu proyecto. Pide a ChatGPT o a Claude que te ayuden a redactar un archivo de reglas. Debe incluir aspectos como:
- No edites nada que no se te haya pedido editar
- Máximo 400 líneas por archivo; crea archivos nuevos cuando se supere ese límite
- Comenta cada función: qué hace y por qué
- No añadas plugins ni paquetes que no hayas solicitado
- Sigue la estructura existente del proyecto
En este punto ya tienes: reglas, pila, diseño y un PRD. Ahora estás listo para empezar a generar código.
Paso 6: Empieza a dar indicaciones (de la forma correcta)
No voy a explicar aquí en detalle cómo dar instrucciones, pero si no estás seguro de cómo redactar una buena instrucción, pide a ChatGPT o a Claude que la escriban por ti; solo tienes que dejar claro lo que quieres. La IA es inteligente, pero a veces sigue malinterpretando las cosas.
Si eres principiante, comprueba todo lo que genere la IA. No des por hecho que funciona solo porque ella diga que sí.
Consejos de SEO y GEO para sitios web con «Vibe-Coded»
Si estás creando una página web, pide a tu IA que añada el marcado Schema a tus páginas más importantes —y, sinceramente, los conceptos básicos de SEO en todas las páginas—.
A continuación, comprueba cada página con validator.schema.org. Pega la URL de la página, ejecuta la prueba y, si hay errores o advertencias que no entiendes, haz una captura de pantalla y pídele a tu IA que te lo explique y lo solucione.
Antes del lanzamiento: seguridad y pruebas
Una vez que tu aplicación esté lista, no te olvides de que tu IA compruebe tu configuración de seguridad; esta es la parte que la mayoría de los principiantes se saltan, y es la más importante.
Hay muchas herramientas de seguridad en línea: utiliza una de ellas y haz que tu IA verifique cada línea en busca de vulnerabilidades. Accede a tu base de datos y comprueba tus políticas de RLS (seguridad a nivel de fila) en Supabase o tus reglas en Firebase. Si no las entiendes, pide a tu IA que te guíe para configurarlas correctamente.
Antes de enviarla a la App Store (o de ponerla a disposición de usuarios reales), prueba todas las funciones y todos los botones. Las aplicaciones se rechazan, sobre todo, por flujos de usuario defectuosos. Y no te olvides de la página de la política de privacidad: es obligatoria y es importante.