コーディングエージェント「Dropstone CLI」の30秒紹介動画

Dropstone CLIは、インストールしてサインインすればプロジェクトのフォルダから使える、シェルで動くコーディングエージェントです。テストを走らせて結果を読み、落ちたところを直してから終わったと伝えます。一度直された点はセッションをまたいで覚え、何も変えずに読んで提案するPlanとすべての道具を使うBuildをTabで切り替えられ、macOS・Windows・Linuxで動きます。

0〜3秒　公式アイコンと「Dropstone CLI」の名前が出ます。

3〜7.5秒　commit・build・test・deployの図でtestが赤く落ち、赤鉛筆の修正雲が付いてdeployが待たされます。

7.5〜12秒　公式デモの端末の窓で頼みごとが打たれて送られ、失敗したテストの結果を囲みます。

12〜16秒　左のノードが順に灯り、窓はファイルを読んで更新し、テストをもう一度走らせるコマへ進みます。

16〜20秒　「Fixed, and checked.」とテストが全部通った行を囲み、流れ図の赤い雲が引っ込んでdeployまで点が走ります。

20〜23秒　起動画面の「Welcome back, you!」を囲み、赤い修正が水色の確認に変わって次の紙へ持ち越されます。

23〜26秒　Tabキーの等角図でPlanとBuildが切り替わり、起動画面の該当する文言を囲みます。

26〜30秒　公式のロゴをマスキングテープで留め、brewでの入れ方の2行とdropstone.ioで締めます。

窓の外はプルシアンブルーの紙に方眼と二重の図枠を引き、右下の表題欄の図面番号が場面ごとに変わる青焼きの設計図にしました。解決はDropstoneの水色、困りごとは赤鉛筆の色で描き分け、場面のつなぎは青焼き機のランプの光が上から下へ通る動きにしています。見出しはサイトと同じInstrument Serifで、端末の窓は公式デモを撮ったまま寄って囲むだけにしました。

製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。