Systems — Apps & Interactive WorkSistemas — Apps & Obra Interactiva

SystemsSistemas

What a director builds when the tools aren’t enough: apps and original interactive work, designed and coded as part of the creative process.Lo que un director construye cuando las herramientas no alcanzan: apps y obra interactiva original, diseñadas y programadas como parte del proceso creativo.

Four Systems — SelectedCuatro Sistemas — Seleccionados

▸ Hybrid System — Y26

Animated Short — 0:25 — ProceduralCorto Animado — 0:25 — Procedural

Hybrid
System

Hybrid System is a duel built entirely in code — and a portrait of how I work. No single tool does everything: Claude Code, Codex and Gemini write and reason, local models run beside them, three.js builds the worlds, Figma, After Effects and Premiere shape the surface, Magnific, Runway, Higgsfield and ElevenLabs — among others — generate image, motion and voice, and workflows and procedural apps tie it together. This one was made 100% with Claude Code.Hybrid System es un duelo construido enteramente en código — y un retrato de cómo trabajo. Ninguna herramienta hace todo: Claude Code, Codex y Gemini escriben y razonan, los modelos locales corren a su lado, three.js construye los mundos, Figma, After Effects y Premiere dan forma a la superficie, Magnific, Runway, Higgsfield y ElevenLabs — entre otras — generan imagen, movimiento y voz, y workflows y apps procedurales lo atan todo. Esta pieza está hecha 100% con Claude Code.

A hybrid of tools: agents for code and reasoning, local models for speed and privacy, three.js and procedural apps for image, Figma, After Effects and Premiere for design, motion and edit, and generative tools for image, video and voice.Un híbrido de herramientas: agentes para código y razonamiento, modelos locales para velocidad y privacidad, three.js y apps procedurales para la imagen, Figma, After Effects y Premiere para diseño, movimiento y edición, y herramientas generativas para imagen, video y voz.
A hybrid of methods: workflows people follow, pipelines that run by themselves, and apps built when nothing off the shelf fits.Un híbrido de métodos: workflows que siguen las personas, pipelines que corren solos y apps hechas cuando nada de lo que existe alcanza.
Automation where it pays: rendering, sound, exports and reviews run on their own — and a person approves every gate that matters.Automatización donde rinde: render, sonido, exportaciones y revisiones corren solos — y una persona aprueba cada gate que importa.

Claude Code — three.js — PythonDelivered — 2026Entregado — 2026

Pre-productionPreproducción

02 — From script to approved boards and cast.Del guion a boards y casting aprobados.

01PipelineProduction pipeline — 2026Pipeline de producción — 2026

Script to Storyboard

From script or deck to an approved storyboard: the pipeline reads the material, proposes an editable shot plan and shows the cost before a single frame is drawn.Del guion o el deck a un storyboard aprobado: el pipeline lee el material, propone un plan de planos editable y muestra el costo antes de dibujar un solo cuadro.

Two human gates: the shot plan, then every frame beside its source.Dos gates humanos: el plan de planos y luego cada cuadro junto a su fuente.
Cost calculated and shown before any generation.Costo calculado y mostrado antes de cualquier generación.
Exports to PDF, ZIP, JSON and CSV.Exporta a PDF, ZIP, JSON y CSV.

TypeScript — React — SQLiteIn production useEn uso en producción

02PipelineProduction pipeline — 2026Pipeline de producción — 2026

Script to Cast

A full cast for a film that hasn’t been shot yet: every character resolved as portrait options, turnarounds and expression sheets — each image traceable to the prompt that made it.Un elenco completo para un film que todavía no se filmó: cada personaje resuelto en opciones de retrato, turnarounds y hojas de expresiones — cada imagen trazable al prompt que la produjo.

Several options per character, reviewed live with the team.Varias opciones por personaje, revisadas en vivo con el equipo.
Selected faces carried across turnarounds and expressions.Rostros elegidos llevados a turnarounds y expresiones.
The deck is rebuilt by script in minutes.El deck se reconstruye por script en minutos.

Python — Gemini — scripted deck builderIn production useEn uso en producción

Studio ToolsHerramientas de Estudio

04 — The business and the room around the work.El negocio y la sala alrededor del trabajo.

The menu bar app: start each direction, pick voices and microphone, control the subtitle HUD

+ Zoom

03Mac AppApp para MacPersonal tool — 2026Herramienta personal — 2026

Interpreter

A real-time English ↔ Spanish interpreter for video calls that runs entirely on the Mac: subtitles and a Spanish voice in your headphones, and your Spanish reaching the meeting as English through a virtual microphone.Un intérprete inglés ↔ español en tiempo real para videollamadas que corre entero en la Mac: subtítulos y voz en español en tus auriculares, y tu español llegando a la reunión en inglés por un micrófono virtual.

Local speech recognition and on-device translation — no cloud, no API keys, no recurring cost.Reconocimiento de voz local y traducción en el dispositivo — sin nube, sin API keys, sin costo recurrente.
About one second from their voice to your Spanish, measured on real meeting audio.Alrededor de un segundo desde su voz hasta tu español, medido con audio real de reuniones.
Menu bar app with a click-through subtitle HUD and a glossary for industry terms.App de barra de menú con subtítulos flotantes que no bloquean clics y un glosario para términos del rubro.

Swift — Python — Parakeet — Apple TranslationIn use — both directionsEn uso — ambas direcciones

InteractiveInteractivo

05 — Original work, playable.Obra original, jugable.

3D pilot: a Buenos Aires street at dusk, with the full game HUD

Design sheet: dialogue and decision system

04GameJuegoIndependent — 2026Independiente — 2026

¿Y si sale bien?

A social-survival narrative game set in Greater Buenos Aires: make rent, work, study film, care for family — and decide whether to get by alone or organize with others.Un juego narrativo de supervivencia social en el Conurbano: pagar el alquiler, trabajar, estudiar cine, cuidar a la familia — y decidir entre zafar solo u organizarse con otros.

Data-driven narrative engine: 2,895 dialogue lines, an economy and open endings.Motor narrativo guiado por datos: 2.895 líneas de diálogo, economía y finales abiertos.
3D pilot of real Buenos Aires neighborhoods built from OpenStreetMap — transit, weather, day cycle.Piloto 3D de barrios reales de Buenos Aires construidos desde OpenStreetMap — transporte, clima, ciclo de día.
Installable web app with local-first saves and a 272-test suite.Web app instalable con guardado local y una suite de 272 tests.

ES Modules — three.js — PWA — IndexedDBPlayable pilot — v29Piloto jugable — v29

Want to see more work? Ask for it.¿Querés ver más trabajos? Pedilos.

hello@juanbasser.com ▸