Referencia 05 · Empresa de agentes con 39 roles que hace páginas web
La Fábrica Web
Una agencia de páginas web operada por agentes: 39 roles en 9 departamentos investigan, diseñan, construyen, revisan y entregan. Yo consigo al cliente y apruebo.
Nombre de la empresa: Taller Crisol.
Lo que la hace distinta: un Guardián compara cada diseño con los anteriores para que ninguna página se parezca a otra. Y esta misma página salió de aquí.
Está en operación interna. La oficina y el bot de Telegram están listos en código y falta publicarlos.
Lo quiero para mi proyectoQué resuelve
Que las páginas hechas con IA no salgan todas de la misma plantilla.
El problema: cuando una sola IA hace todas las páginas desde una misma plantilla, se parecen entre sí, y nadie pregunta qué quería lograr el cliente.
La usa una sola persona: yo. Consigo y atiendo al cliente, decido en la oficina y apruebo. El cliente final nunca habla con los agentes.
Probador
Abre la oficina de la Fábrica en modo demostración.
Qué mirar (3 pasos)
- Abre «Esto espera tu decisión»: dos tarjetas con botones y una nota.
- Mira «Formularios nuevos» y «Proyectos»: la regla de 10 estaciones, de recibido a vendida.
- Entra a «El taller»: un plano isométrico con las 9 salas. Toca un escritorio para ver qué hace ese agente.
El probador es la demo para que la pruebes aquí. Es la oficina de la Fábrica, sin login y con clientes ficticios. Los botones responden con un OK falso y no guardan nada.
Datos de ejemplo. La oficina real no se muestra.
Alternativa en texto
- Decisiones pendientes: cada tarjeta trae una pregunta, botones y una nota opcional.
- Formularios nuevos: una solicitud con su resumen, su intención, su WhatsApp y miniaturas.
- Bitácora: el Guardián deja su veredicto, con la diferencia mínima contra las páginas anteriores.
Funciones
El recorrido de una página, de la entrada a la entrega.
Del pedido a la entrega
- Entrada: un formulario de 5 pasos para el cliente, con antibots, o un mensaje mío por Telegram. Los dos terminan en un brief.
- Gerencia escribe el brief, elige el paquete (estándar o premium) y abre la sesión del cliente.
- Estrategia: intención, marca y competencia en paralelo. Después, contenido, redacción y SEO, uno tras otro.
- Diseño: siete especialistas proponen tres opciones cada uno y el Director de arte compone una sola identidad.
- Guardián: si el diseño se parece a una página anterior, lo rechaza. Máximo 2 vueltas.
- Ingeniería: el Arquitecto técnico decide si es estático o con backend, y se construye.
- Calidad, seguridad y legal revisan en paralelo.
- Aprobaciones: veo en la oficina lo que espera mi decisión y respondo con una nota.
- Entrega y cierre: preview, capturas y pendientes. Después se archiva una ficha con lo aprendido.
Por Telegram (listo en código, falta publicarlo)
- Comandos: /nuevo, /clientes, /ver, /cambio y /publicar.
- El bot solo acepta mi chat privado.
- /publicar solo registra la orden tras pedir confirmación y nunca despliega.
El organigrama: 9 departamentos, 39 roles
Toca un departamento para ver sus roles.
El plan Estándar usa 27 de los 39 roles. El Guardián, la seguridad, lo legal y la calidad mínima nunca se recortan por paquete.
Nombre de la empresa: Taller Crisol.
Guardián de la diversidad: el rol que nunca se recorta
Qué tiene detrás
Lo que pasa por dentro, en dos niveles. Elige el tuyo.
- Me cuentas qué quieres lograr, por formulario o por WhatsApp.
- Un equipo de especialistas investiga tu marca y propone la dirección de diseño.
- Un revisor automático, el Guardián, mira si el diseño se parece a páginas anteriores. Si se parece, se vuelve a diseñar.
- Se construye y se prueba en celular, tablet y computador, y en tres navegadores.
- Yo reviso en una oficina que veo desde el celular y apruebo. Publico solo con tu OK.
- Claude Code hace de Gerente y de Director de proyecto. Hay 33 subagentes generados desde empresa/ con generar-agentes.mjs: 39 roles menos 3 de Codex y 3 de la sesión principal. Por modelo: 6 opus, 23 sonnet, 7 haiku y 3 codex.
- Cada rol tiene un contrato: salida.schema.json (JSON Schema 2020-12, additionalProperties false) y un ejemplo que sirve de prueba. validar-salida.mjs valida cada entrega; si falla, se devuelve una sola vez con el error.
- El Guardián (scripts/guardian.mjs) puntúa de 0 a 100 con pesos: paleta 20, tipografías 20, hero 12, botones 12, rejilla 10, macroestructura 8, navegación 8, clasificación tipográfica 4, temperatura y contraste 3, radios 3. La paleta se mide en OKLab. Rechaza si el puntaje es menor de 45 contra cualquier página, o si repite el par tipográfico, el hero de las últimas 10 o el botón de las últimas 5. La paleta de marca del cliente se respeta.
- npm run calidad corre auditoría estática, QA con Playwright y axe, y Lighthouse con presupuestos. En Premium son 3 navegadores y 7 anchos (375, 390, 768, 1024, 1280, 1440 y 1920). Presupuestos: rendimiento 90, accesibilidad 95, buenas prácticas 95, SEO 100, LCP 2,5 s, CLS 0,1, TBT 200 ms, JS 170 KB y peso 1600 KB. Un solo hallazgo ALTA bloquea la entrega.
- La nube de la empresa es un Worker (fabrica-nube) con D1 (7 tablas), KV y Turnstile. Sesión firmada con HMAC en la cookie __Host-sesion (HttpOnly, Secure, SameSite=Strict, 12 h), código de entrada con PBKDF2, IP con hash y sal, tipo de archivo por bytes, CSP y cabeceras por ruta, verificación de origen en POST y purga por cron (Ley 1581).
- El bot de Telegram es de Python con long polling, no abre puertos y solo acepta mi chat privado.
- Los sitios de clientes son Astro 7, Tailwind 4, GSAP y Lenis sobre Cloudflare Workers con assets.
Despiece · 5 piezas conectadas
- 01Una sesión de agentes de Claude Code
- 02La nube con el formulario y la oficina, en un Worker
- 03El bot de Telegram
- 04La biblioteca de referencias de diseño
- 05Los scripts del Guardián y de calidad
Un agente es un trabajador de software con una tarea. Cada rol de la Fábrica es uno, con un contrato escrito de qué entrega.
Composición y cuidados
Composición · Nº 05
Composición
- Claude Code: gerente y director de proyecto.
- 33 subagentes de Claude Code: los especialistas.
- Codex: backend, paneles y pruebas de punta a punta.
- Astro 7 y Tailwind 4: los sitios de clientes.
- GSAP y Lenis: movimiento y scroll suave.
- Cloudflare Workers: sitios y nube de la empresa.
- D1, KV y Turnstile: datos, archivos y antibots.
- Python: el bot de Telegram.
- Playwright, axe y Lighthouse: la calidad automática.
Dónde vive
- Los sitios de clientes, en Cloudflare Workers con assets, uno por cliente.
- La nube de la empresa (formulario y oficina), en un solo Worker.
- La oficina y el bot de Telegram están listos en código; falta publicarlos.
Cuidados
- Para publicar falta crear el bot, el widget de Turnstile y el código de entrada.
- La rutina de investigación semanal en la nube está pendiente: necesita acceso al repositorio privado.
- El piloto con un cliente está pendiente.
- Opera con planes gratuitos; lo único que pago son los dominios.
Hecho en Manizales · 2026
Guía de tallas
Talla XL: lleva 5 piezas conectadas por dentro. La regla: S de 1 a 2 piezas, M 3, L 4 y XL 5 o más. La letra es una etiqueta; el dato es el conteo.
- Una sesión de agentes de Claude Code.
- La nube con el formulario y la oficina, en un Worker.
- El bot de Telegram.
- La biblioteca de referencias de diseño.
- Los scripts del Guardián y de calidad.
Cifras de tamaño (verificado en el repositorio el 2026-10-08)
- 39 roles en 9 departamentos (node scripts/empresa.mjs --plan premium).
- 33 subagentes generados.
- 26 commits en main.
- 111 referencias de diseño en 9 categorías.
- 57 componentes originales.
- 5 páginas en el registro de ADN, todas de origen real.
S de 1 a 2 piezas conectadas, M 3, L 4 y XL 5 o más. La letra es una etiqueta; el dato es el conteo.
Certificado
Las pruebas que respaldan esta pieza.
Verificado en el repositorio · 2026-10-08
- 39roles en 9 departamentosFuente: node scripts/empresa.mjs --plan premium
- 52/52pruebas pasando (ejecutadas)Fuente: npm test en la raíz, 2026-10-08
- 111referencias de diseño curadasFuente: biblioteca/referencias/
- 33subagentes generadosFuente: .claude/agents/
Evidencia (verificado en el repositorio el 2026-10-08)
- 52 de 52 pruebas de la raíz pasan, ejecutadas el 2026-10-08 con npm test. Es la única suite que corrí en toda esta colección.
- 46 pruebas del Worker y 14 de Telegram, escritas según el estado del proyecto. No las ejecuté.
- 15 pruebas escritas (conteo en el código) en la plantilla de calidad.
- El contrato por rol: npm test comprueba que los subagentes estén al día con sus esquemas.
- La documentación indica que el Guardián rechaza una copia de Koffio y aprueba a un cliente de prueba con diferencia mínima 83. No lo volví a ejecutar.
- Revisión de seguridad de la oficina: 6 hallazgos MEDIA y 8 BAJA, corregidos.
- Un defecto propio hallado y corregido: en la primera corrida de calidad sobre Claudia Franco salieron rendimiento móvil 81, un LCP de 4,2 s (lo que tarda en aparecer lo más grande de la pantalla) y 6 fallas de contraste. Se corrigieron 3 defectos de la plantilla.
- La calidad de este mismo sitio no tiene cifras todavía. Las publicaré cuando termine la revisión final.
Lo que no afirmo
- Que un prototipo salga en menos de un día ni que el formulario tome menos de 4 minutos: son metas, no resultados medidos.
- Que la oficina y el Telegram estén publicados: están listos en código.
- Que el piloto con un cliente esté hecho: está pendiente.
- Costo cero medido: es una restricción, no una medición.
- Tiempos por cliente ni ahorro medido.
- Que un diseño se vea bien: las pruebas no lo miden. Lo juzgan los roles y yo.
pruebas escritas (conteo en el código)
Lo quiero para mi proyectoUna página que no parezca plantilla
Si tu negocio necesita una página y no quieres que se parezca a la de tu competencia, así se hace la mía.
Los plazos dependen de tu proyecto y los conversamos por WhatsApp.