LaunchMotion · 아키텍처 캔버스v1.0.1

LaunchMotion · 아키텍처 캔버스

Agent 실행 로그가 준비 완료 카드까지 올라가고, 클릭하면 캔버스가 열려 클라우드 아키텍처가 조립되며 적용 완료 카드가 변경을 확인합니다. 모든 문구를 내 제품에 맞게 바꾸고 밝고 깔끔한 블루 스타일은 그대로 유지한 채 10.6초 1080p 또는 4K MP4를 내 컴퓨터에서 렌더링하세요.

화면 구성

Agent 실행 로그가 준비 완료 카드까지 올라가고, 클릭하면 캔버스가 열려 클라우드 아키텍처가 조립되며 적용 완료 카드가 변경을 확인합니다. 장면 길이는 10.6초, 1920×1080이며 부드러운 밝은 배경입니다. 강조색은 블루뿐이고 로고는 원래 색을 유지합니다.

바꿀 수 있는 문구

슬롯	기본값	최대 글자 수
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

내 버전 만들기

1. Agent에게 이 장면을 요청하고 제품 이름, 헤드라인, 바꿀 문장을 알려 주세요.
2. Agent가 내 문구로 생성기를 실행하고 미리 본 뒤 MP4를 렌더링합니다.
3. 시작, 중간, 마지막 프레임을 확인하고 어색하게 줄바꿈된 문장은 줄여서 다시 렌더링하세요.

요구 사항

Node.js 22 이상, FFmpeg, HyperFrames CLI가 필요하며 모두 로컬에서 실행됩니다.