CursorCam クリックデモ v1.1.0

アプリのデモをエージェントに頼んでみましょう。サインアップ、決済、プロジェクト作成、設定の保存など何でも構いません。CursorCam がすべてを引き受けます。アプリを開き、ボタンや入力欄を見つけ、流れを短い手順ファイルに書き、一度試走させてミスを洗い出してから、非表示のブラウザで収録し、手作業で編集したような動画に書き出します。クリックや入力のたびにカメラが寄り、操作が近くで続くあいだはそのまま、流れが別の場所に移ると引きます。

使い方

1. 依頼：URL、見せたい1つの流れ、投稿先（X、LinkedIn、YouTube、Discord、README など）を伝えます。
2. 下調べ：アプリが動いているか確認し（開発サーバーの起動も任せられます）、各ページを見て操作できるボタンや入力欄を洗い出します。
3. 手順：5〜15の手順（クリック、入力、メニュー選択、ドラッグ）を書いて試走させ、手順ごとに1コマ保存します。
4. 収録：流れを収録し、自動ズーム、なめらかなカーソル、クリックの波紋つきの MP4 に書き出します。ブラウザのウィンドウは好きな背景の上に置かれます。
5. 見直し：自分の動画の静止画を確認し、構図やタイミングの問題を直してから、動画、ポスター画像、手順ファイルを渡します。

コツ

• 1本の動画に流れは1つ、10〜40秒。最後は結果で終える。
• 投稿先を伝えれば、サイズ、フレームレート、ファイル上限が決まります。
• 手順ファイルは残しておきましょう。アプリが変わっても、コマンド1つで撮り直せます。
• 正方形やドキュメント向けの軽いファイルなど別のサイズは、同じ収録から数秒で書き出せます。
• ログインが必要なときは尋ねてきて、入力内容は保存しません。動画ではパスワードは黒丸で表示されます。

オープンソース

CursorCam は Avijit Dey が作り（Avijit07x/cursorcam）、Apache License 2.0 で公開しています。ダウンロードは GitHub で公開されている Skill そのものです。録画ツール本体は、最初に動画を頼んだときに npm から実行されます。