Macアプリ「AI Bridge」の30秒紹介動画
複数のAIコーディングエージェントを仕事ごとに並べて使うMacアプリ「AI Bridge」の30秒の紹介動画です。端末の山に許可待ちが埋もれる困りごとから、公式の実画面でInboxとGridを見せるまでを製図の図面の画風で描いています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
AI Bridgeとこの紹介動画
AI Bridgeは、複数のAIコーディングエージェントを本物のCLIのまま1つのMacアプリに集め、仕事(プロジェクトとワークスペース)ごとに並べて使うアプリです。各エージェントの状態(working・needs you・ready・asleep)が見分けられ、質問と許可はInboxに1つにまとまります。Gridで全部の端末を1面に並べることも、翌日に止まった所から再開することもできます。
- 製品
- AI Bridge(Macアプリ)
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- 何がどの端末か分からなくなる様子を、降ってくる端末の窓と「Which terminal is doing what?」の札で見せました。
- 許可を待つ窓が他の窓の下に埋もれる様子を、窓が左右へずれて赤い窓が現れ、丸で囲まれる動きで見せました。
- 解決は、仕事ごとの部屋にエージェントを置く図面と、公式の実画面のInboxとGridで見せました。
30秒の流れ
0〜3秒 製図用紙の表題欄の形で、アイコンと「AI Bridge」の名前がスクランブル文字から現れ、「A Mac app for running several AI coding agents at once」の1行が打たれます。
3〜8秒 「Which terminal is doing what?」の札のもとで、エージェントが動く端末の窓が次々に降ってきて積み重なります。
8〜12秒 「The one that needs you is buried」の札で上の窓が左右へずれ、下から許可を求める赤い窓が現れて丸で囲まれます。
12〜16秒 「Every agent in its place.」の札で図面に壁と寸法線が引かれ、状態つきのエージェントが線でつながれて仕事ごとの部屋に置かれていきます。
16〜20秒 「See which one needs you.」の札で、公式の実画面のエージェント一覧へ寄り、Inboxに切り替えて「Needs you」の行を囲みます。
20〜23秒 「Every terminal live on one wall.」の札で、公式の実画面のGridをゆっくり横へなぞります。
23〜26秒 使えるCLIの名前が判のように1つずつ押され、「Everything runs on your Mac. No telemetry.」の1行が出ます。
26〜30秒 表題欄の形でアイコンと名前、「Every agent in its place. Nothing lost.」が出て、aibridge.shがスクランブル文字から確定します。
表現で工夫したこと
青焼きの設計図をジアゾ式の白焼きの図面に見立て、生成り紙に紫の線と朱の差し色で組み、書体はArchivo NarrowとArchivo、Red Hat Monoにしました。製品のアイコンと画面は公式サイトのものをそのまま使い、寄る・なぞる・囲むだけにしています。困りごとの端末は製品の画面ではなく、ただのシェルの窓として描きました。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る