LaunchMotion · Canevas d'architecturev1.0.1

LaunchMotion · Canevas d'architecture

Le journal d'un agent grimpe jusqu'à une carte prête, un clic ouvre un canevas où l'architecture cloud s'assemble et une carte confirme le changement. Remplacez chaque ligne par le texte de votre produit, gardez le style bleu clair et épuré et générez en local un MP4 1080p ou 4K de 10.6 secondes.

Ce que montre la scène

Le journal d'un agent grimpe jusqu'à une carte prête, un clic ouvre un canevas où l'architecture cloud s'assemble et une carte confirme le changement. La scène dure 10.6 secondes en 1920×1080, sur un fond clair et doux, avec le bleu comme seule couleur d’accent. Les logos gardent leurs couleurs d’origine.

Textes modifiables

Champ	Valeur par défaut	Caractères max.
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

Créer votre version

1. Demandez cette scène à votre agent en lui donnant le nom du produit, le titre et les lignes à changer.
2. L’agent lance le générateur avec votre texte, prévisualise le projet et rend un MP4.
3. Vérifiez le début, le milieu et la fin. Raccourcissez toute ligne qui se coupe mal, puis relancez le rendu.

Prérequis

Node.js 22 ou plus récent, FFmpeg et la CLI HyperFrames. Tout s’exécute en local.