Icono del sitio Daniel Leñero | Consultor SEO y Creador de Contenidos Digitales

Cómo Desarrollar una App con IA Sin Saber Programar

La democratización del desarrollo de software ha llegado. Si hace unos años crear una aplicación móvil requería meses de estudio o presupuestos de miles de euros, hoy la Inteligencia Artificial permite que cualquier persona con visión y capacidad estratégica pueda liderar un proyecto técnico.

En este artículo, desglosamos un flujo de trabajo real para construir una aplicación de gestión de servicios públicos, utilizando el poder combinado de Gemini, Claude y herramientas de nueva generación como Lovable.

1. La Fase de Validación: No empieces sin un mapa

El primer paso no es escribir código, sino validar la información. Para este caso de uso —una app de gestión de incidencias para un municipio—, el proceso comienza con una investigación profunda y la validación de fuentes mediante Gemini en modo razonamiento.

Para asegurar que el camino es el correcto, se utilizó el siguiente prompt experto:

«Actúa como un experto desarrollador de apps para android e ios y analiza el contenido de este artículo, una guía para desarrollar apps en android e ios, quiero saber si la información del tutorial es correcta y si para alguien que está iniciandose como desarrollador de apps le puede servir de ayuda: https://es.goodbarber.com/blog/como-crear-app-android-ios-tutorial/»

5 Prompts de ChatGPT Imprescindibles para Marketing Digital

2. Ingeniería de Prompts: Definiendo el ADN de la App

Una vez validada la hoja de ruta, el siguiente paso es la iteración. No basta con una idea vaga; la IA necesita un contexto quirúrgico. El objetivo es que el «alcalde de un pueblo de 5,000 habitantes» pueda transmitir exactamente lo que necesita a un desarrollador (o a otra IA).

Tras análisis y respuesta de validación afirmativa de la IA Gemini, continúo iterando con Gemini para conseguir el mejor prompt posible para dar una orden de construcción de una app determinada a otra IA:

«Basándote en la guía que defines como fiable y recomendada y añadiendo a ese conocimiento tus consideraciones, te pongo en situación, tienes que generar una orden tipo prompt para que el alcalde de un pueblo de 5000 habitantes haga entender a un desarrollador que ha contratado el tipo de app que quiere construir para servicio público. El alcalde quiere construir una app de gestión de incidencias en la que cualquier persona con un smartphone, mayor de 18 años y, tras identificación con nombre y apellidos y selección de una dirección concreta para ubicar la incidencia, pueda subir una imagen capturada con su dispositivo de cualquier desperfecto de mobiliario urbano, bache en el pavimento, iluminación nocturna fundida, etc, pueda subirse a la app de forma que automáticamente se cree una tarea y se asigne automáticamente al responsable previamente escogido para ello desde el backend de gestión, dependiendo de la categoría seleccionada, las categorías son mobiliario urbano, parques, calles, jardines, iluminación, si crees que falta alguna relevante, añádela, si entiendes lo que quiere el alcalde y puedes mejorar la instrucción o la aplicación, hazlo igualmente»

Tras el resultado obtenido, me doy cuenta de que me falta algo y le digo lo siguiente:

«Reescribe el prompt tal como está pero añadiendo que los usuarios deben tener acceso al entrar en la app al listado de tareas pendientes, en curso y solucionadas y a consultar su estado para que el responsable sea notificado y pueda responderle dentro de la misma tarea, igualmente cuando se produzca esa respuesta, el usuario deberá recibir notificación»

Este es el resultado final, tras varias iteraciones para incluir funciones de notificación y estados de tareas: una especificación técnica de alto nivel que le pasaremos como nuevo PROMPT a CLAUDE tras un escueto, «quiero que desarrolles una app», ya que, no olvidemos, no tenemos ni idea de cómo desarrollar una app:

Quiero que desarrolles una APP: «Contexto: Aplicación de servicio público para un municipio de 5,000 habitantes destinada a la gestión integral de incidencias en la vía pública con comunicación directa ciudadano-ayuntamiento.

  1. Perfil de Usuario y Registro

Restricción: Solo mayores de 18 años.

Identificación: Registro mediante Nombre, Apellidos y DNI/NIE.

Privacidad: Cumplimiento de la RGPD con aceptación explícita de términos.

  1. Panel Principal y Consulta de Estados (NUEVO)

Al acceder a la aplicación, el usuario debe visualizar un Dashboard Personal con:

Listado de Mis Incidencias: Filtro por estado: Pendientes, En Curso y Solucionadas.

Consulta de Estado: Posibilidad de clicar en cada incidencia para ver su histórico (cuándo se reportó, quién es el responsable asignado y qué acciones se están tomando).

Mapa de Incidencias Próximas: Para evitar duplicidades, el usuario podrá ver en un mapa si un desperfecto cercano ya ha sido reportado por otro vecino.

  1. Flujo de Reporte (Frontend)

Captura Multimedia: Subida obligatoria de foto en tiempo real.

Geolocalización: GPS automático con opción de corrección manual en mapa.

Categorización:

Mobiliario Urbano.

Vía Pública y Pavimento.

Iluminación y Electricidad.

Parques y Jardines.

Limpieza y Residuos.

Abastecimiento de Agua.

  1. Comunicación Bidireccional y Notificaciones (NUEVO)

Canal de Comunicación Directo: Dentro de cada incidencia, se habilitará un hilo de comentarios/chat.

El responsable municipal puede solicitar más detalles al ciudadano.

El ciudadano puede aportar información adicional.

Sistema de Notificaciones Push:

Para el Responsable: Notificación inmediata al serle asignada una tarea o al recibir un comentario del ciudadano.

Para el Ciudadano: Notificación inmediata cuando la incidencia cambie de estado (ej: de «Pendiente» a «En Curso») o cuando el responsable escriba una respuesta en la tarea.

  1. Lógica de Gestión (Backend)

Asignación Automática: Enrutamiento de la tarea según la categoría seleccionada al técnico correspondiente.

Panel de Administración Web: Interfaz para los técnicos del ayuntamiento donde puedan responder a los ciudadanos, adjuntar fotos de la reparación finalizada y cerrar los tickets.

  1. Especificaciones Técnicas

Tecnología: Desarrollo multiplataforma (Flutter o React Native).

Modo Offline: Guardado local de incidencias en zonas sin cobertura y envío automático al recuperar señal.

Infraestructura: Base de datos escalable y sistema de almacenamiento en la nube para las imágenes.

Notas adicionales para el desarrollador:

Interacción: La experiencia de usuario (UX) debe ser extremadamente sencilla, pensando en personas que no son nativas digitales.

Trazabilidad: Cada cambio de estado y cada comentario debe quedar registrado con fecha y hora para fines de auditoría municipal.

Al añadir el chat dentro de la tarea, se está creando un canal de atención al cliente muy potente. Los técnicos deben tener «respuestas predefinidas» (ej: «Hemos recibido el aviso y la brigada pasará este jueves»), esto agilizará mucho el trabajo de los empleados municipales y mantendrá al vecino satisfecho con una respuesta rápida.»

Puntos clave de la estructura:


Aprende a distinguir tipos de Contenido para tu Web y para Youtube

3. Claude: El Arquitecto del Código

Aunque Gemini es excelente para la estrategia, Claude se posiciona actualmente como una de las mejores IAs para tareas de programación y arquitectura. Al entregarle el prompt detallado, Claude no solo generó la lógica, sino una especificación técnica lista para producción:

Claude incluso entregó un prototipo funcional en HTML, que sirve como base visual y lógica para el siguiente paso.


4. De la Teoría a la Práctica: Lovable y Manus IA

Con el código base generado, el desafío es llevarlo a un entorno de producción. Aquí entran en juego las herramientas de desarrollo asistido:

Lovable + ChatGPT

La combinación de Lovable con el motor de ChatGPT permite subir el código HTML creado previamente y solicitar su transformación en una aplicación real.

“Te he subido el código html de la demo de una app para gestionar incidencias municipales y quiero que la desarrolles a nivel de producción con su apk correspondiente…»

Este proceso requiere registro en Lovable, conexión con ChatGPT en la sección de Aplicaciones, creación de un Proyecto para subir el archivo de la Demo funcional en HTML de CLAUDE, y conectar servicios externos esenciales:

  1. Supabase: Para la gestión de base de datos, usuarios y autenticación.

  2. Google Maps API: Para habilitar las funciones de geolocalización real.

Estos dos últimos servicios nos van a servir para probar la segunda herramienta de desarrollo de apps a nivel de producción.

Manus IA

Como alternativa, Manus IA se presenta como una opción para comparar resultados. Aunque en las pruebas iniciales el consumo de créditos fue elevado, sigue siendo una herramienta a vigilar para el desarrollo de MVPs (Productos Mínimos Viables), dado que los resultados son prometedores: Manus nos ha conseguido desarrollar una APK que hemos instalado en el móvil y, de momento, ha conseguido llevar a la práctica la funcionalidad del Panel de SuperAdmin al 100%. Será cuestión de seguir corrigiendo y avanzando día a día con la actualización de créditos del plan Free.

ENLACE DE INVITACIÓN A MANUS PARA GANAR CRÉDITOS: 500 CRÉDITOS PARA TI Y PARA MI 😉

Seguimos avanzando en el desarrollo, guardad en favoritos este artículo porque habrá actualizaciones.

Desarrollar una app hoy no consiste en escribir líneas de código, sino en saber orquestar diferentes Inteligencias Artificiales. El proceso descrito demuestra que es posible pasar de una necesidad a un prototipo navegable y una arquitectura técnica profesional en cuestión de días (u horas, dependiendo del nivel de suscripción que tengamos, del crédito disponible e incluso de nuestra habilidad para saber cómo obtener el mejor resultado con una orden específica en forma de prompt).

La clave del éxito reside en la trazabilidad de la auditoría y la UX para no nativos digitales, asegurando que la tecnología sea realmente útil y responda a una necesidad real.

Salir de la versión móvil