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 が必要です。すべてローカルで動作します。