Proyecto 1 de 8
Oficina de agentes Distrismoke
Contenido y ventas son una lista larga de tareas distintas. Aquí un equipo de agentes las prepara y yo decido.
De uso propio
Esta demo necesita JavaScript. Aquí va en texto.
¿Qué preparo hoy?
Demo · guion de ejemplo · nada se envía
Sin conexión. La demo funciona; el video necesita internet.
Lo mismo, en texto
Esta demo necesita JavaScript. Aquí va en texto.
- Toca un puesto del plano.
- Lee qué hace ese agente, cuándo se activa y qué trabajo me ahorra.
- Mira el video de 22 segundos para ver la oficina en 3D.
Video: la oficina en 3D con los agentes en sus puestos, un agente que se toca y abre su ficha, el panel con lo que espera una decisión y el regreso a la oficina.
Qué es
Una oficina virtual donde 11 agentes preparan contenido, editan videos y buscan compradores. Yo reviso, decido y envío.
Un agente es un programa con una tarea. Unos usan IA y otros siguen reglas escritas en código.
Para quién es
Para dueños de negocio que dirigen contenido y ventas sin hacer cada tarea.
Tareas que te quita
- Leer fuentes y elegir los temas de la semana.
- Armar el calendario sin repetir lo ya publicado.
- Redactar los textos y preparar el encargo de diseño.
- Componer, exportar y organizar los archivos de cada pieza.
Los 11 agentes
Toca un agente para ver qué hace.
Contenido
Investigador
- Qué hace
- lee fuentes públicas y arma el informe de tendencias, con hallazgos, enlaces y lo que descartó
- Cuándo se activa
- cuando falta el informe de la ventana semanal
- Con qué trabaja
- RSS y material público, IA y la base de datos en la nube (Supabase)
- Qué me ahorra
- leer y elegir los temas a mano
- En Telegram
- no interviene directamente; su informe llega al Estratega
Estratega
- Qué hace
- arma el plan semanal con fechas comerciales, historial, catálogo, notas y métricas
- Cuándo se activa
- cuando ya hay informe y falta el plan de la semana
- Con qué trabaja
- IA y la base de datos. Recibe de forma indirecta las notas que dejo por Telegram
- Qué me ahorra
- armar el calendario y evitar repeticiones
- En Telegram
- mis notas en lenguaje cotidiano orientan sus próximos planes
Creativo
- Qué hace
- escribe las láminas, el concepto visual, la descripción y los hashtags de cada pieza. Tiene instrucciones propias para memes
- Cuándo se activa
- cuando se produce o se corrige una pieza. Trabaja dentro de la producción del Diseñador
- Con qué trabaja
- Claude o Codex, el plan de la semana y mis notas de Telegram
- Qué me ahorra
- redactar y hacer el briefing de diseño
- En Telegram
- cuando pido cambios a una pieza, vuelve a trabajar sobre ella
Diseñador
- Qué hace
- genera o reutiliza imágenes y fondos, compone las láminas y deja los archivos en la nube listos para entregar
- Cuándo se activa
- cuando hay piezas por armar o cambios nuevos
- Con qué trabaja
- IA de imágenes, composición en el portátil, almacenamiento en la nube y Telegram
- Qué me ahorra
- componer, exportar, organizar archivos y rehacer ajustes
- En Telegram
- me entrega imágenes, carruseles, memes e historias, y puedo pedirle cambios
Editor
- Qué hace
- procesa mis clips, edita el video, verifica el resultado, lo adapta para Telegram y atiende las correcciones
- Cuándo se activa
- cuando hay pedidos de video pendientes o una orden mía
- Con qué trabaja
- Claude, un taller de edición externo (Python, FFmpeg y Remotion), Telegram y mis clips de Telegram u OneDrive
- Qué me ahorra
- cortes, subtítulos, ajustes de voz, transiciones, render y preparar el archivo
- En Telegram
- /reel abre el pedido, mando los clips y explico el video, me devuelve el Reel y «Cambiar algo» pide correcciones
Revisor
- Qué hace
- aplica reglas al encargo antes de producir o entregar, devuelve lo que falla y detiene las piezas que siguen fallando
- Cuándo se activa
- antes de producir o de entregar una pieza. Trabaja dentro de la producción del Diseñador
- Con qué trabaja
- reglas escritas en código y el estado compartido en la nube
- Qué me ahorra
- revisar a mano textos, cifras y restricciones
- En Telegram
- no interviene directamente
Historias
- Qué hace
- prepara los textos, los stickers y los encargos de grabación de mis historias a partir de mis notas
- Cuándo se activa
- cuando faltan turnos futuros
- Con qué trabaja
- IA, la base de datos, el Diseñador y Telegram
- Qué me ahorra
- pensar qué mostrar y acordarme de los turnos. Yo grabo y subo
- En Telegram
- me llega el encargo de cada turno cuando corresponde
Resultados
Analista
- Qué hace
- abre una encuesta de resultados y procesa las respuestas sobre mensajes, registros, alcance y pedidos o ciudades. Deja un diagnóstico y un consejo para el Estratega
- Cuándo se activa
- desde el viernes por la tarde
- Con qué trabaja
- Telegram, reglas escritas en código y la base de datos
- Qué me ahorra
- organizar los datos y convertirlos en una decisión. Las cifras las pongo yo
- En Telegram
- me hace la encuesta de los viernes y respondo ahí mismo
Ventas
Explorador
- Qué hace
- busca tiendas del municipio, descarta las que no encajan y guarda los contactos con su fuente
- Cuándo se activa
- cuando hay zonas pendientes, dentro del horario y de la capacidad de la cola
- Con qué trabaja
- IA con búsqueda y lectura de páginas web, y la base de datos
- Qué me ahorra
- buscar tiendas y armar fichas comerciales. El horario y los topes evitan que genere más trabajo del que puedo atender
- En Telegram
- /tiendas pide más posibles compradores
Verificador
- Qué hace
- abre las fuentes de cada posible comprador, confirma los datos y baja la prioridad de los dudosos
- Cuándo se activa
- cuando llegan prospectos nuevos
- Con qué trabaja
- lectura de páginas web, código y la base de datos
- Qué me ahorra
- contrastar contactos. No garantiza que todos sean válidos: los no confirmados quedan con menor prioridad para que yo decida
- En Telegram
- no interviene directamente
Vendedor
- Qué hace
- escribe un mensaje de primer contacto personalizado para cada comprador verificado. Yo lo reviso y lo envío
- Cuándo se activa
- cuando hay prospectos verificados
- Con qué trabaja
- IA, la base de datos, Telegram y enlaces a WhatsApp e Instagram
- Qué me ahorra
- preparar cada saludo y organizar el seguimiento
- En Telegram
- me llegan los lotes y los recordatorios; copio el mensaje y abro el contacto para escribir yo mismo
Qué hay detrás
- 1
Mandas clips y una indicación por Telegram.
- 2
La nube guarda el pedido, los archivos y los resultados.
- 3
El portátil activa al Editor o al Diseñador según la tarea.
- 4
La nube entrega lo preparado; si el portátil se apaga, lo pendiente espera.
- 5
Revisas y decides; los mensajes de WhatsApp e Instagram los envías tú.
- Arquitectura híbrida: el portátil produce y la nube entrega. En el portátil corre un servicio de Windows (el demonio) con pulso, candados y guardia. En la nube, Supabase aporta Postgres, usuarios, tiempo real, archivos y Edge Functions en Deno (programas pequeños que viven en la nube). Las órdenes viajan por Supabase; los botones de la oficina web no llaman directo al portátil.
- El bot de Telegram recibe mensajes y botones por webhook (la nube avisa al bot cuando llega algo), valida una cabecera secreta y que el chat esté autorizado, y se vincula con una función de base de datos.
- La función entregar marca cada pieza al reclamarla para evitar entregas duplicadas simultáneas. Es control de concurrencia, no una garantía de entrega exactamente una vez ante cualquier fallo externo.
- IA: Claude ejecuta cada tarea y su salida en JSON se valida con Ajv contra un esquema; Codex queda de respaldo para texto cuando se acaba la cuota. Por defecto no recibe herramientas y los procesos hijos no heredan los secretos de la oficina.
- Datos: 14 tablas públicas y 17 migraciones, con RLS (permisos por fila: cada rol ve solo lo suyo) probada para dueño, usuario ajeno, anónimo y servicio con PGlite, un Postgres en memoria para pruebas.
- Frontend: React y TypeScript con Vite. La escena 3D usa Three.js y React Three Fiber, se carga aparte y tiene una vista plana en SVG de respaldo. Seguridad HTTP: CSP (la regla que le dice al navegador qué puede ejecutar la página) con scripts propios, bloqueo de objetos e iframes, nosniff y permisos de cámara, micrófono y geolocalización desactivados. Revisé el archivo de cabeceras, no las cabeceras servidas. Edición de video en un taller externo con Python, FFmpeg (corta y codifica video) y Remotion (arma video con código).
- Telegram
- Supabase
- n8n
- Cloudflare
Cuidados y límites reales
- El portátil produce: si está apagado, la nube entrega lo ya preparado y lo que falta espera.
- La IA tiene manejo de cuota, reintentos y un respaldo con Codex.
- No cuento como activos n8n ni la API de Meta. La publicación es manual a propósito.
Qué prueba hay de que es robusto
Verificado el 2026-10-08. Pruebas escritas no son pruebas ejecutadas.
- 11agentes en la demooficina/src/datos/demo.ts y oficina/e2e/oficina.spec.ts (toHaveCount(11))
- 888pruebas escritas en 60 archivosconteo de test(/it( en archivos .test/.spec versionados
- 17migraciones de base de datossupabase/migrations/*.sql
- 85commitsgit rev-list --count HEAD
Cómo cuento
Cada cifra lleva su método, su fuente y su fecha. Un conteo de pruebas es un conteo de texto: pruebas escritas (conteo en el código), no pruebas ejecutadas.
Lo que no afirmo
- Que las pruebas pasen: son pruebas escritas (conteo en el código) y no las ejecuté.
- Que la oficina esté desplegada en remoto: no lo comprobé.
- Segundo factor de autenticación: no está implementado.
- Horas ahorradas: no las medí.
- Publicación automática: no existe, publico a mano. Que la integración continua, el sistema que corre las pruebas en cada cambio, ejecute las pruebas de navegador: en los pasos que revisé no están.
Una oficina así, para tu negocio
Quiero una oficina asíAl pulsar Enviar en WhatsApp me autorizas a usar tu número y tu mensaje para responderte. Política de datos
Siguiente proyectoLa Fábrica Web