Chrome拡張「SnipToss」の30秒紹介動画
ページの一部を切り取って印とメモを付け、AIに貼れる1枚の画像にするChrome拡張「SnipToss」の30秒の紹介動画です。画面の直し方を文章で説明する手間が、画像1枚を貼るだけに変わるまでを見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
SnipTossのサイトを見るchromewebstore.google.comXの投稿を見る@FablessBridge
SnipTossとこの紹介動画
SnipToss は、ページの一部を切り取り、四角・矢印・ピンで印を付けて、印ごとに短いメモを書けるChrome拡張です。Enterを押すと、番号付きの印とメモが入った1枚の画像がクリップボードに入り、ChatGPT・Claude・Codexなどに貼れます。Alt+Shift+Sで始められます。
- 製品
- SnipToss（Chrome拡張）
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- 直したいボタンを段落で説明してもAIが当て推量になる困りごとを、外れた返事の場面で見せました。
- カードの選択や範囲のドラッグ、印ごとの番号とメモ、Enterで画像をコピーするまでを3手として公式の画面で示しました。
- 貼った画像の番号どおりにAIが作業を片付ける様子を、緑のログで見せて解決を示しました。
30秒の流れ
0〜3秒 拡張のアイコンと「Screenshot & annotate for AI」が出て、外れた返事が赤く出ます。
3〜8秒 「Explaining one fix takes a paragraph.」と出て、長い説明を書いても違うボタンが選ばれる様子を見せます。
8〜12秒 STEP 1。公式の画面でカードをクリックするか任意の範囲をドラッグして選びます。
12〜16秒 STEP 2。選んだ場所に印を付け、印ごとに番号とメモが付きます。
16〜20秒 STEP 3。Enterを押すと1枚の画像がコピーされます。
20〜23秒 AIのチャット欄に貼ると、印の番号どおりに作業が片付いていく様子が緑のログで出ます。
23〜26秒 設計図の作図線が回り、製品名と「Point at it. Say what to change.」が出ます。
26〜30秒 「Add SnipToss to Chrome」と、始めるショートカットのAlt+Shift+Sで締めます。
表現で工夫したこと
青焼き設計図を画風にし、作図線やスクランブル文字、ターミナルのログで場面を組みました。製品の画面は公式のストア画像を使い、AIのチャット欄は特定のサービスではない汎用の再現にしています。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る