200 ideas de apps web para practicar con agentes de IA

Esta guía reúne 200 proyectos de aplicaciones web para practicar con agentes de programación, distribuidos en 20 categorías temáticas. Cada propuesta presenta su propósito, las pantallas y los componentes que conforman su interfaz, y un reto de implementación para poner a prueba al agente. Los proyectos abarcan distintos niveles de complejidad y ofrecen un recorrido de práctica que va desde formularios y listas hasta editores visuales y experiencias colaborativas en tiempo real.

Niveles: B = básico (flujo acotado); I = intermedio (varias vistas y estados relacionados); A = avanzado (interacciones complejas, colaboración o sincronización). El nivel supone completar la UI descrita, no una versión de producción.

Cómo usar la guía#

Elige una idea y pide al agente implementar las pantallas indicadas con datos de ejemplo y estados de carga, vacío, error y éxito. Define después la persistencia: memoria, almacenamiento local o servidor. Para mapas, pagos, medios y funciones en tiempo real, puedes empezar con datos o servicios simulados, identificándolos en la interfaz.

Evalúa el resultado ejecutando el flujo principal y una situación límite del reto. Comprueba navegación por teclado, etiquetas de formularios, contraste, diseño adaptable y conservación de datos al cambiar de pantalla. Cuando haya arrastrar y soltar, exige también una alternativa mediante botones o teclado. No basta con una maqueta: las acciones visibles deben funcionar dentro del alcance acordado.

Prompt inicial sugerido: «Implementa la aplicación [número y nombre] de esta guía. Incluye la UI indicada y el reto propuesto. Usa datos de ejemplo realistas y variados. Antes de programar, define el flujo principal y criterios de aceptación observables. Entrega una aplicación ejecutable y explica cómo verificarla».

Progresión de práctica#

1. Primera versión: implementa el flujo principal con datos de ejemplo y acciones funcionales.
2. Persistencia: guarda cambios y verifica que sobrevivan a recargas según el alcance elegido.
3. Estados y casos límite: prueba entradas inválidas, listas vacías, contenido largo y el reto de la fila.
4. Calidad de UI: verifica móvil, teclado, foco visible, mensajes claros y alternativas a gestos.
5. Extensión: agrega servidor, permisos, importación o colaboración únicamente cuando aporten al producto elegido.

Para comparar agentes, usa la misma idea, datos, alcance y criterios de aceptación. Evalúa corrección del flujo, fidelidad de la UI, manejo de errores y facilidad de uso, además de la apariencia.

Capítulos

1. 01Productividad personal (001-010)Diez aplicaciones web de productividad personal con su UI y un reto de implementación para el agente.
2. 02Notas, documentos y conocimiento (011-020)Diez aplicaciones web de notas, documentos y conocimiento con su UI y un reto de implementación para el agente.
3. 03Aprendizaje y evaluación (021-030)Diez aplicaciones web de aprendizaje y evaluación con su UI y un reto de implementación para el agente.
4. 04Finanzas personales y presupuestos (031-040)Diez aplicaciones web de finanzas personales y presupuestos con su UI y un reto de implementación para el agente.
5. 05Comercio y gestión de ventas (041-050)Diez aplicaciones web de comercio y gestión de ventas con su UI y un reto de implementación para el agente.
6. 06Clientes y operaciones de equipos (051-060)Diez aplicaciones web de clientes y operaciones de equipos con su UI y un reto de implementación para el agente.
7. 07Salud cotidiana y bienestar (061-070)Diez aplicaciones web de salud cotidiana y bienestar con su UI y un reto de implementación para el agente.
8. 08Hogar, alimentación y vida diaria (071-080)Diez aplicaciones web de hogar, alimentación y vida diaria con su UI y un reto de implementación para el agente.
9. 09Viajes, movilidad y mapas (081-090)Diez aplicaciones web de viajes, movilidad y mapas con su UI y un reto de implementación para el agente.
10. 10Cultura, entretenimiento y colecciones (091-100)Diez aplicaciones web de cultura, entretenimiento y colecciones con su UI y un reto de implementación para el agente.
11. 11Creación visual y diseño (101-110)Diez aplicaciones web de creación visual y diseño con su UI y un reto de implementación para el agente.
12. 12Audio, video y archivos multimedia (111-120)Diez aplicaciones web de audio, video y archivos multimedia con su UI y un reto de implementación para el agente.
13. 13Comunidades y participación (121-130)Diez aplicaciones web de comunidades y participación con su UI y un reto de implementación para el agente.
14. 14Eventos, reservas y servicios (131-140)Diez aplicaciones web de eventos, reservas y servicios con su UI y un reto de implementación para el agente.
15. 15Datos, análisis y visualización (141-150)Diez aplicaciones web de datos, análisis y visualización con su UI y un reto de implementación para el agente.
16. 16Herramientas para desarrollo web (151-160)Diez aplicaciones web de herramientas para desarrollo web con su UI y un reto de implementación para el agente.
17. 17Simulaciones, juegos y lógica (161-170)Diez aplicaciones web de simulaciones, juegos y lógica con su UI y un reto de implementación para el agente.
18. 18Gestión educativa y administrativa (171-180)Diez aplicaciones web de gestión educativa y administrativa con su UI y un reto de implementación para el agente.
19. 19Sostenibilidad y gestión del entorno (181-190)Diez aplicaciones web de sostenibilidad y gestión del entorno con su UI y un reto de implementación para el agente.
20. 20Formularios, flujos y portales especializados (191-200)Diez aplicaciones web de formularios, flujos y portales especializados con su UI y un reto de implementación para el agente.