LaunchMotion · Lienzo de arquitecturav1.0.1

LaunchMotion · Lienzo de arquitectura

El registro de un agente sube hasta una tarjeta lista, un clic abre un lienzo donde se arma la arquitectura en la nube y una tarjeta confirma el cambio aplicado. Cambia cada línea por el texto de tu producto, conserva el estilo azul claro y limpio y renderiza en tu equipo un MP4 1080p o 4K de 10.6 segundos.

Qué muestra

El registro de un agente sube hasta una tarjeta lista, un clic abre un lienzo donde se arma la arquitectura en la nube y una tarjeta confirma el cambio aplicado. La escena dura 10.6 segundos a 1920×1080, sobre un fondo claro y suave, con el azul como único color de acento. Los logotipos conservan sus colores.

Texto que puedes cambiar

Espacio	Valor por defecto	Máx. caracteres
eyebrow	Claude Code	17
headline	One prompt. A real architecture.	41
prompt	Build the backend for our new signup flow	53
step-1	Read 14 files in the app	31
step-1-meta	0.6s	10
step-2	Wrote the signup API and email worker	48
step-2-meta	+312 lines	16
step-3	Ran the test suite	24
step-3-meta	22 passed	15
step-4	Planned 7 cloud resources	32
step-4-meta	3 groups	14
ready-title	Architecture is ready	27
ready-sub	Review it on the canvas before you ship	50
cta	Open canvas	17
agent-name	Claude Code	17
agent-status	Working	13
agent-status-done	Done	10
canvas-title	AWS · Production	22
canvas-meta	7 resources · 3 groups	28
group-1	Edge	10
group-2	Services	14
group-3	Data	10
node-1	Cloudflare CDN	20
node-1-sub	Caches the signup page	28
node-2	Load balancer	19
node-2-sub	Spreads traffic	21
node-3	Signup API	16
node-3-sub	2 containers	18
node-4	Auth service	18
node-4-sub	Sessions and tokens	25
node-5	Email worker	18
node-5-sub	Welcome emails	20
node-6	Users database	20
node-6-sub	Encrypted at rest	23
node-7	Session cache	19
node-7-sub	Under 5 ms reads	22
result-title	Change applied	20
result-sub	7 resources are live in production	44
result-badge	Applied	13
result-foot-left	Deployed by Claude Code	29
result-foot-right	4 min 12 s	16

Crea tu versión

1. Pide esta escena a tu agente e indica el nombre del producto, el titular y las líneas que quieres cambiar.
2. El agente ejecuta el generador con tu texto, previsualiza el proyecto y renderiza un MP4.
3. Revisa el inicio, la parte central y el final. Acorta cualquier línea que se corte mal y vuelve a renderizar.

Requisitos

Node.js 22 o superior, FFmpeg y la CLI de HyperFrames. Todo se ejecuta en local.