滑らかに動くカーソル
見えるポインターが各ボタンへ滑らかに移動し、人が操作しているような速さで入力します。瞬間的なカット切りがないので、視聴者はクリックを追えます。
AIがあなたのプロダクトを撮影する。
ひとつのプロンプトで、共有できるデモが完成。
AIOProductOS Studioは、AIホストをプロダクトの撮影担当に変える、無料のオープンソースMCPサーバーです。自分のWebアプリを操作するよう指示すると、スクリプトに沿った録画を進めます。各クリックへ滑らかに動くカーソル、カメラのズームイン、ハイライト表示、ストーリー仕立ての字幕、エンドカードまで——共有可能なMP4とGIF、そして高解像度のスクリーンショットとして書き出されます。PMが作りたくないと感じるデモ動画が、たった一つのプロンプトになります。
ストーリーを書くのはあなた。撮影するのはStudio。
単なる画面キャプチャではなく、監督ツールです。Studioは実際のブラウザでプロダクトを操作し、各シーンを本格的な解説動画のように構成します。
カメラのズームイン
重要な箇所にズームインし、少し止めてから引く——実際の画面録画では得られないカメラワークです。
ハイライト表示
話している対象の要素にちょうど、強調リングとラベルを表示し、視線をストーリーの焦点に導きます。
ストーリー仕立ての字幕
画面上の字幕で操作の流れを説明します。マイクなしの解説ナレーションのようなものです。
デザインされたトランジション
各シーンはタイトルカードの裏から始まり、本物のトランジションで切り替わります。ハードカットではないので、制作された映像らしく見えます。
エンドカード + スクリーンショット
ブランドを反映したエンドカードで締め、同じ録画から高解像度のスクリーンショットも取得できます。変更履歴やローンチ投稿に使えます。
-
studio_startテーマ付きの録画ステージを開く。 -
studio_gotoタイトルカードの裏で画面遷移する。 -
studio_clickカーソルを滑らせてクリックする。 -
studio_type人が操作している速さで、項目に入力する。 -
studio_scroll滑らかなスクロールでコンテンツを見せる。 -
studio_captionストーリー仕立ての字幕を表示する。 -
studio_narrateセリフを話す——画面上に文字は出さないナレーション。 -
studio_highlightある要素に強調リングとラベルを付ける。 -
studio_zoom細部にカメラをズームインする。 -
studio_holdその場面を少し保持する。 -
studio_end_cardブランドを反映したエンドカードで締める。 -
studio_screenshot高解像度の静止画を撮影する。 -
studio_cancelそのテイクを破棄し、スクリーンショットは残す。 -
studio_finish黒フレームを除去 → 音声/字幕/クロップ → MP4に書き出し。
音声で語り、あらゆる場所へ発信できるように。
同じ撮影から、ナレーション、焼き込める字幕、BGM、そしてSNSが求めるあらゆるアスペクト比まで用意できます。すべてstudio_finishで設定し、すべて自分のマシン上で完結します。
ナレーション
100%ローカル・オフライン——何も送信しません。
Studioは、完全にデバイス上で動く音声（say → piper → espeak-ngの順で試行）で、字幕とstudio_narrateのセリフを読み上げます。クラウドもAPIキーも不要で、何もあなたのマシンから出ていきません。音声は選択でき、システムの既定も使えます。タイミングは、編集で除去された黒フレームに合わせて自動調整されます。
字幕
.srtとして出力、または焼き込み。
字幕から.srtファイルを別途生成することも、ミュート自動再生のSNS向けに映像へ焼き込むこともできます。字幕の表示タイミングは重なりません。
BGM
ループ再生し、自動でダッキング。
ループするローカルの音源を操作の流れに重ねられます。ナレーションの下で自動的に音量が下がるので、話している内容は常にはっきり聞こえます。
SNS向けクロップ
1回の撮影で、あらゆるアスペクト比に対応。
16:9のマスターに加えて、テーマの背景で余白を埋めた9:16と1:1の書き出しにも対応します。Reels、TikTok、Shorts、正方形のフィード投稿まで、同じ撮影からブランドを保ったまま同期して出力できます。
映像として作り込まれ、しかも自分のもの——何もマシンの外に出ません。
多くの「画面録画」ツールは、後から自分で編集が必要なデスクトップキャプチャです。Studioは、AIホストが指示を出す監督のような存在で、すべて自分自身のマシン上だけで動きます。
無料
アカウントもキーも不要
npxでインストールすれば撮影を始められます。サインアップも、有料プランも、貼り付けるAPIキーもありません。
MIT
オープンソース
コードを読み、フォークし、自分のパイプラインに組み込めます。GitHub上でMITライセンス公開しています。
ローカル
自分のマシンで100%完結
自分のブラウザ、自分のURL、Playwrightのstoragestate経由のログイン済みセッション——v0.2のナレーションもオフラインでデバイス上で動作します。どこにも何もアップロードされません。
どのホストでも
使っているAIとそのまま動く
Claude、Cursor、Codex、あるいはどのMCPホストからでも操作できます。すでに使っているホストのままで大丈夫です。
1行で、AIが撮影できるようになります。
Studioはnpmに公開されています。npxで直接実行するか、MCPホストの設定に登録してください。
実行する
npx -y @aioproductoscom/mcp-studioClaude Code
claude mcp add studio -- npx -y @aioproductoscom/mcp-studioCursor / Codex — .mcp.json
{
"mcpServers": {
"studio": {
"command": "npx",
"args": ["-y", "@aioproductoscom/mcp-studio"]
}
}
}必要条件
Node 18以上 · Playwright Chromium（初回のみインストール）· MP4/GIF書き出しにはPATH上にffmpegが必要（なくても生のWebMは取得できます）。出力先は./studio-outputです。
Studioについて
AIOProductOS Studioとは何ですか？
AIOProductOS Studioは、AIホストをプロダクトの撮影担当に変える、無料のオープンソースMCPサーバーです。普通の言葉で「自分のWebアプリを操作して」と伝えるだけで、スクリプトに沿った映像を録画します。各クリックへ滑らかに動く見えるカーソル、カメラのズームイン、ハイライト表示、ストーリー仕立ての字幕、作り込まれたシーン転換、そしてエンドカード。共有できるMP4とGIF、そして高解像度のスクリーンショットが手に入ります。PMが作りたくないと感じるデモクリップ、解説動画、変更履歴用GIF、ローンチ用スクリーンショットが、たった一つのプロンプトになります。
無料ですか？
はい。MITライセンスのもとで完全に無料・オープンソースです。アカウント登録も、APIキーも、有料プランもありません。npxでインストールすれば、すぐに撮影を始められます。
画面の内容をどこかにアップロードしますか？
いいえ。Studioは100%ローカルで動作します。あなたのブラウザ、あなたのURL、Playwrightのstoragestate経由のログイン済みセッションを使います。どこにも何もアップロードされず、ログインするアカウントもありません。書き出されたMP4、GIF、スクリーンショットは、あなた自身のマシン上の./studio-outputに保存されます。
どのAIホストで使えますか？
どのMCPホストでも使えます。StudioはModel Context Protocolに対応しているので、すでに使っているホスト——Claude、Cursor、Codexなど、任意のMCPクライアント——から、そのホストのMCP設定に追加するだけで操作できます。ストーリーを書くのはホスト側、撮影するのはStudioです。
何を撮影でき、何が得られますか？
ブラウザでアクセスでき、ログイン済みのものなら何でも撮影できます。機能デモ、使い方の解説、変更履歴用GIF、ローンチ用スクリーンショット一式などです。Studioの14のツールは、テーマ付きステージ、カーソルの移動と入力、滑らかなスクロール、字幕、音声ナレーション、ハイライト、カメラズーム、一時停止、エンドカード、スクリーンショットまでをカバーします。studio_finishが黒フレームを取り除き、共有できるMP4とGIFを書き出します。同じ撮影から高解像度のPNGスクリーンショットも取得できます。PATH上にffmpegがあればMP4/GIFが、なければ生のWebMが得られます。
ナレーションや字幕も追加できますか？
はい、両方できます。studio_finishで設定します。ナレーションは、100%ローカルでオフラインの音声（macOSのsay、次にpiper、次にespeak-ng）で、字幕とstudio_narrateのセリフを読み上げます。クラウドもAPIキーも不要で、何もアップロードされません。Studioの他の部分と同じプライバシーの考え方です。字幕は、字幕データから別途.srtファイルを生成することも、ミュート自動再生のSNS向けに映像へ焼き込むこともできます。ナレーションの下にループするローカルのBGMを重ねることも可能で、音量は自動的に下がります。
ReelsやTikTok向けに縦型・正方形の動画を書き出せますか？
できます。16:9のマスターに加えて、studio_finishで9:16と1:1の書き出しに対応しています。テーマの背景で余白を埋めた形で、Reels、TikTok、Shorts、正方形のフィード投稿に使えます。同じ撮影から作るので、どの形式でもブランドが統一され、内容も同期しています。
Loomのような画面録画ツールと何が違いますか？
画面録画ツールは、クリックしている様子をリアルタイムで捉えます。1回限りのテイクで、間違えたりプロダクトが変わったりすれば録り直しです。Studioはスクリプトに基づく画面録画ソフトウェアで、AIホストが書かれたストーリーに沿って撮影を進めるため、カーソルがぶれることもなく、ズームは狙ったタイミングで入り、字幕は焼き込まれます。UIが変わったときは、録り直す代わりにスクリプトを再実行するだけです。手動の録画ツールは、個人的に手早く操作を共有したい場合には向いていますが、Studioは、仕上がりの整った、繰り返し使えるプロダクトデモ動画のためのものです。
これはデモの自動化と言えますか？
デモ動画に関しては、はい。撮影内容はスクリプトなので、必要なときに何度でも実行できます。リリースごとに再実行すれば、デモ動画、GIF、スクリーンショットが実際のプロダクトに合わせて作り直されます。アプリ内にインタラクティブなクリック案内を構築するわけではなく、動画と静止画を出力するので、どこにでも自由にホスティングできます。
プロダクトデモ動画はどのくらいの長さが適切ですか？
SNS向けなら30〜60秒、ランディングページやローンチ向けなら60〜90秒、すべての場面に意味があるなら通しの解説で2〜3分程度でも構いません。Studioはスクリプトに基づいて撮影するため、長さは偶然ではなく意図した選択になります。各字幕には明示的な保持時間があるので、45秒のカットは10〜12の意図した場面の積み重ねであり、短くするというのは、録り直すのではなく、行を削ることを意味します。
AIにデモを作らせましょう。
無料・MIT・100%ローカル。GitHubまたはnpmから取得し、プロンプト一つでプロダクトを撮影してください。