LaunchMotion · Architektur-Canvasv1.0.1

LaunchMotion · Architektur-Canvas

Das Laufprotokoll eines Agenten steigt bis zu einer Bereit-Karte, ein Klick öffnet ein Canvas mit der Cloud-Architektur und eine Karte bestätigt die Änderung. Ersetze jede Zeile durch den Text deines Produkts, behalte den blauen Look in hellem, klarem Stil und rendere lokal ein 10.6-sekündiges 1080p- oder 4K-MP4.

Was zu sehen ist

Das Laufprotokoll eines Agenten steigt bis zu einer Bereit-Karte, ein Klick öffnet ein Canvas mit der Cloud-Architektur und eine Karte bestätigt die Änderung. Die Szene dauert 10.6 Sekunden bei 1920×1080, auf einem sanften hellen Hintergrund, mit Blau als einziger Akzentfarbe. Logos behalten ihre Originalfarben.

Änderbare Texte

Feld	Vorgabe	Max. Zeichen
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

Deine Version erstellen

1. Bitte deinen Agenten um diese Szene und nenne Produktname, Headline und die Zeilen, die du ändern willst.
2. Der Agent führt den Generator mit deinem Text aus, zeigt eine Vorschau und rendert ein MP4.
3. Prüfe Anfang, Mitte und Schluss. Kürze Zeilen, die unschön umbrechen, und rendere erneut.

Voraussetzungen

Node.js 22 oder neuer, FFmpeg und die HyperFrames CLI. Alles läuft lokal.