フィードバックツール「Quality」の30秒紹介動画

Qualityは、作業中の画面のどこでもクリックしてコメントを残せるフィードバックの仕組みです。コメントには操作の再生とConsole、Network、Actionsのログが自動で付き、スレッドを課題にしたりSlackへ通知したりできます。MCPでつないだエージェントにスレッドを読ませて直させることもでき、導入はブラウザ拡張を入れるだけでコードは要りません。

0〜2秒　ロゴと「The feedback layer for teams and agents.」が出て、仲間の色付きカーソルが寄ってきます。

2〜4.5秒　デザイナーと開発者、AIエージェントの3つのカーソルが、白い検証用サイトの請求書画面の上を動きます。

4.5〜7.8秒　チャットに赤丸を付けたスクリーンショットが貼られ、どのボタンかどのページかと聞き返されて未読が増えます。

7.8〜11秒　エージェントへのあいまいな説明に、再現の手順やページを聞き返されます。

11〜13秒　月曜から金曜まで未解決のスレッドが増え、リリースが延びます。

13〜15秒　ロゴと「Feedback right where it happens.」が現れ、輪が広がります。

15〜20秒　同じサイトで「+ New」を押して場所にピンを立て、コメントを送ると再生が付き、開発者に通知が届きます。

20〜25秒　スレッドと再生、Actions、Network、Consoleのログが並び、エージェントに直すよう一言頼むとスレッドを読んで修正し、解決済みになります。

25〜27.5秒　「Zero lines of code.」の文字とともに、SDKが要らずブラウザ拡張で始められることを示します。

27.5〜30秒　「Build with Quality.」とロゴ、usequality.appで締めます。

背景には製品の特徴カードに使われている杏色から珊瑚、藤色への夕焼けのグラデーションを敷き、見出しはサイトと同じセリフのCrimson Proにしました。白い検証用サイトと黒いスレッドのカードを重ね、仲間ごとに色の違うカーソルと名札を動かしています。チャットとエージェントは他社のロゴを使わず、一般的な画面と記号だけで表しました。

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