Macアプリ「Clonk」の30秒紹介動画
複数のAIコーディングエージェントを1つの指揮役の下で動かすMacアプリ「Clonk」の30秒の紹介動画です。ターミナルのタブごとに止まるエージェントから、1つの指示で一晩の作業が進むまでを見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
Clonkとこの紹介動画
Clonkは、Claude CodeやCodex、Cursorなどのコーディングエージェントを1つの指揮役の下にまとめて動かす開発者向けのMacアプリです。契約しているAIのプランを使って開発の作業を夜の間も進められ、iPhoneアプリ「Clonk: Vibe Code」から全体を操作できます。Appleシリコン搭載のMacで使えます。
- 製品
- Clonk(Macアプリ)
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- エージェントごとに窓が分かれて止まる困りごとに対して、4つのターミナルのタブが赤い✗で止まる様子から1つの指示へまとめる流れを見せました。
- 1つの指示から指揮役のアイコンがClaude Code・Codex・Cursorへ線でつながり、夜が明けるまで作業が進む様子を見せました。
- 公式のog画像とApp StoreのiPhoneの画面に寄り、Macで進めている作業をiPhoneからも操作できることを示しました。
30秒の流れ
0〜3秒 公式アイコンとClonkの名前が出て、サイトの見出しの文が崩れた文字から組み上がります。
3〜7秒 4つのターミナルのタブでエージェントが赤い✗で止まって、クレジットの目盛りが減っていきます。
7〜11秒 サイトの例文「Launch my company while I sleep」が打たれ、指揮役のアイコンからClaude Code・Codex・Cursorへ線がつながります。
11〜15秒 緑のログが流れ、時計が夜から朝へ進んで背景が夜明けの色に変わります。
15〜17.5秒 公式のog画像に寄り、MacアプリとiPhoneの画面が並びます。
17.5〜20秒 App StoreのiPhoneのスクリーンショット3枚が順に出ます。
20〜26秒 ASCIIの文字の粒が集まり、App Storeの公式アイコンになります。
26〜30秒 「$ open clonk.ai」と打たれてclonk.aiが開き、Appleシリコン搭載のMac向けであることを示して締めます。
表現で工夫したこと
黒地にClonkのオレンジと夜明けの色を重ね、画面の粒をASCIIの文字で描きました。見出しはサイトと同じInstrument Sansにし、場面のつなぎはブラウン管が縦につぶれて点く形にしています。アイコンと画面は公式の画像に寄る・並べるだけにし、作り手の端末名が写るiPadの画面は使っていません。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る