10.7 Ejercicio final · Monta tu oficina de IA (40–60 minutos)

Qué aprenderás: a crear, con ayuda de la IA, el panel visual de tu equipo de agentes: una oficina en pixel art, como la del módulo 1, con tus agentes, tus tareas y tú de director.

Sé honesto con lo que es. La oficina es una forma de ver tu equipo. Los agentes de verdad son los archivos y las herramientas que has diseñado en las lecciones 10.3 y 10.6. El panel es un tablero visual que tú mantienes (a mano, o conectándolo a algo más avanzado si algún día quieres). Distinguir lo que es decoración de lo que es información real es parte del Discernimiento.

Qué necesitas: un asistente de IA que escriba código (sirve cualquiera) y un navegador para abrir el resultado. No hace falta saber programar: vas a dirigir, no a escribir código a mano. Usa solo datos de prueba, sin datos personales.

Paso 1 · Prepara lo que va dentro

Del ejercicio 10.6 (tu equipo de tres subagentes) saca, para cada agente: nombre, rol, herramientas permitidas y formato del informe. Añade tu nombre como director y tres o cuatro tareas reales del proyecto (en PLAN, HOY y FIN).

Paso 2 · Pide la primera versión

Usa los cinco ingredientes de una buena petición (rol, contexto, tarea, formato y criterio de éxito). Un punto de partida:

Eres mi desarrollador web. Quiero un panel visual de mi equipo de agentes de IA, como un videojuego en pixel art.

Crea una página web de un solo archivo (HTML + JavaScript, sin librerías externas ni imágenes externas) con una oficina vista desde arriba:
- Suelo de baldosas oscuras, pared con una pizarra de tres columnas (PLAN · HOY · FIN) con tarjetas de colores, y alguna planta.
- Una mesa por agente, con un personaje sentado. Los agentes son: [NOMBRE 1 · rol], [NOMBRE 2 · rol], [NOMBRE 3 · rol].
- Encima de cada personaje, un cartel con su estado («Investigando», «Revisando»…) y, en su mesa, una barra de progreso.
- Una mesa central para mí, con el cartel «Tú · Director».
- De vez en cuando, un agente manda un papelito (un «informe») a mi mesa.
- Al pasar el ratón por un personaje, aparece su ficha: rol, herramientas permitidas y formato de su informe.
- Todo dibujado con píxeles en un canvas, nítido al ampliarlo, con una paleta de grafito y un naranja suave. Textos en español.
- Los datos (nombres, roles, tareas, fichas) deben estar en un objeto al principio del archivo, para que yo pueda cambiarlos sin tocar el resto.

Criterio de éxito: que alguien que nunca ha visto la página entienda en cinco segundos quién hace qué y quién manda.

Paso 3 · Discierne

Abre el archivo en tu navegador y revisa con calma:

• ¿Se entiende quién hace qué y quién manda?
• ¿Los roles, herramientas y formatos del panel coinciden con los de tus subagentes reales, o la IA se ha inventado alguno?
• ¿Hay algo que parezca información real pero sea solo decoración (por ejemplo, barras de progreso que no miden nada)?
• ¿Se lee bien el texto?

Paso 4 · Ajusta (el bucle interior)

Dile a la IA qué cambiar y por qué, de uno en uno: «el cartel de estado se solapa con la cabeza», «cambia el nombre del tercer agente», «que los papelitos tarden más». Vuelve a mirar. Repite hasta que te guste.

Paso 5 · Diligencia

• Sin datos personales en nombres, tareas ni fichas.
• Di que lo has hecho con IA si lo compartes, y qué parte es decoración y cuál es información.
• Guárdalo en tu carpeta «Mi IA con criterio» y, si quieres, compártelo en la comunidad .

Reflexión: ¿Qué te ha sorprendido de dirigir a la IA para construir algo así? ¿Qué parte tuviste que decidir tú y no podías delegar? ¿Y qué agente de tu equipo real no pondrías nunca a trabajar sin que lo revises?

Ideas clave:

• Montar una oficina es dirigir: describir, discernir, ajustar y responder.
• Un panel bonito no es un equipo que funciona: lo importante son los roles, los permisos y los informes.

Para seguir aprendiendo: la documentación oficial de subagentes de tu herramienta es la fuente más actual.