Compendio Visual · Roberto 2026-05-17

Pixel Office 3D & Thalx
todo lo que tenemos hasta hoy

Mapa navegable de las 4 iteraciones de Pixel Office, el pipeline Thalx, los 10 repos GitHub activos, assets visuales y URLs en producción. Cada tarjeta linkea al sitio real para que lo abras en una nueva pestaña.

4
Pixel Office Iters
16
Agentes Voxel
5
Modos Thalx (A-E)
10
Repos GitHub
8
URLs Live
16+
Assets 4K
01

Pixel Office 3D — 4 iteraciones

Tres.js · SvelteKit · Remotion · Lambda
v0 · office-legacy-v1
Deprecated

SvelteKit + Pixi 2D · marzo 2026

Primera iteración del "Control Center" — dashboard plano sin 3D real. Reemplazado por la versión Three.js.

Ver legacy
v1 · pixel-office-3d.html
Modificado · sin commit

Three.js 0.160 puro · 1316 LOC · escena isométrica + OrbitControls

SSOT del experimento visual. 16 agentes voxel procedurales, click-to-inspect (raycaster), CINEMA mode (orbita 360° ~20s), HUD con reloj y "X Online", polling a status.json.

Cambios pendientes: fondo celeste #c8daf0, walls pastel, logo "Agent Squad" en back wall, lighting cálido.

Abrir playground Variante directed
v2 · pixel-office-web
Live

SvelteKit 5 + Svelte 5 runes + Tailwind v4 + Supabase · Vercel

SSOT productivo. Landing + blog + screens en agentsquadai.com. Office embebible vía iframe en war room. Último commit 380892e (2026-04-17), limpio.

Pendiente Fase 2: portar el Three.js como componente Svelte para vivir dentro de la app.

Landing App (pending) War Room github
v3 · Remotion R3F · Lambda
Live (renders)

React Three Fiber + @remotion/three · AWS Lambda us-east-1

Composición video del office. CLI: render_pixel_office.mjs. 5 presets de cámara (orbit360, tour, dolly, cenital, static), 4 formatos (landscape, portrait, square, tall). Lambda render ~3min para 20s.

Landscape MP4 Tour MP4 Cinema MP4

Specs y planes

02

Thalx — pipeline 10 pasos · 5 modos

FastAPI · SvelteKit · Remotion · ElevenLabs · Whisper
Landing
Live

SvelteKit 5 · Vercel · i18n ES/EN

www.thalx.io
App
Live · sin tráfico ~4w

Dashboard, wizard 2 steps, results grid

app.thalx.io
Backend API
Dormant (VPS)

FastAPI systemd disabled · reactivable

sudo systemctl enable --now thalx-backend

Modos del pipeline

A
Video directo

Trigger: bg_N.mp4 existe. Pasa raw a Remotion.

B
Imagen + Ken Burns

bg_N.png/jpg + animación FFmpeg (pan/zoom).

C
Auto AI ⚠️ Roto

R3F + Lambda incompatibles para screencast auto.

D
Template Remotion

8 templates: ClaudeChat, Dashboard, Notion, etc.

E
Hyperframes

HTML+GSAP → MP4 determinístico (reemplazó Playwright).

Caso de éxito #001 · Sedentarismo Cognitivo

Reel 68s · 1080×1920 · 7 escenas (hook + 5 body + CTA) · Veo 2.0 footage + ElevenLabs TTS + Remotion. Render final v8g tras 6 iteraciones de audio sync.

Reel generado Video original
03

Repos GitHub

Click en cualquier link para abrir
Repo URL GitHub Branch Último commit Stack Estado
pixel-office-web aguirrerjg/pixel-office-web main 380892e · 2026-04-17 SvelteKit 5 + Supabase Live
pixel-office-app aguirrerjg/pixel-office-app main eac702c Embed + War Room Live
thalx-web-app aguirrerjg/thalx-web-app master 04f80ad · 2026-04-01 SvelteKit + FastAPI + Remotion 40 modificados
thalx (legacy CLI) aguirrerjg/thalx-backend main da71aeb · 2026-04-18 Python pipeline + Hyperframes Limpio
thalx-web-page aguirrerjg/thalx-web-page main 9d6ef25 SvelteKit landing Live
agents-claude (Miles) aguirrerjg/agents-claude master 5de8611 · 2026-04-19 Slack bot Miles + skills 45 modificados
agents-pmo aguirrerjg/agents-pmo main 1275e91 · 2026-05-09 Slack bot PMO + LPDI tools Activo
agents-growth (Alexa/Valeria) aguirrerjg/agents-growth feat/valeria-agent 1414d17 · 2026-04-29 Telegram bot Alexa 43 modificados
ai4-man-page-svelte aguirrerjg/ai4-man-page main 6af913b · 2026-04-26 SvelteKit landing AI4M Live
trendingcontent-agent aguirrerjg/trendingcontent-agent main 9507517 Scraper Google/YT Activo
04

Assets visuales

Click para abrir el archivo público

Pixel Office — referencias

Videos generados

Brand 4K — Agent Squad (Valeria modelobase)

05

Integración con el ecosistema

Quién consume qué

Fuente de estado

pixel_office_status.py ~/agents-claude/ + ~/agents-pmo/
status.json set_bot_health, add_log, add_alert

Render

pixel-office-3d.html Three.js · polling 2-3s
pixel-office-web SvelteKit · iframe embed
Remotion R3F Lambda · MP4 outputs

Surfaces públicas

screens.agentsquadai.com War Room + mockups
agentsquadai.com Landing + blog
app.agentsquadai.com Pending Fase 2
Three.js playground War Room Landing Agent Squad status.json API VPS Monitor
06

Próximos pasos — elegí rumbo

Para avanzar la interfaz visual de agentes