← すべてのスキル
スクリーンデモ・ズーム
実際の Web アプリを一歩ずつ操作し、クリックのたびにカメラがズームします。
使い方
- 1インストール用プロンプトをコピーして、エージェントに貼り付けます。
- 2エージェントが mo doctor で Node.js・FFmpeg・Chrome を確認し、足りないものがあれば入れ方を案内します。
- 3素材を渡すと、あなたのパソコンで MP4 を書き出します。直したいところは言葉で伝えるだけです。
Claude Code、Codex、Cursor など Skill に対応したエージェントに貼り付けてください。
始めるのに必要なのは
API キー不要これだけで始められます
- サイトやアプリ
依存環境
Node.js 22+、FFmpeg、Chrome。API キー不要。
始める前に、エージェントが mo doctor で Node.js・FFmpeg・Chrome を確認し、足りないものは入れ方を案内します。このスキルにほかに必要なもの（字幕用の whisper など）があれば、説明に書いてあります。
プロンプト例
Make a zoom-to-click demo of our web app: create a project, name it and open it, zooming in on each click. 16:9, plus a 9:16 version.
スタイルプロンプト（Claude Motion または Opus 5.5）
Make a 15-second 16:9 screen demo for [who will watch, e.g. visitors to our landing page], playing [where, e.g. the hero section, muted]. Use only our real web app and the steps below; every screen state must be the app's own, nothing mocked. Our app sits in a plain browser window on our brand colour. A smooth cursor glides to each control; the camera eases in on the action before each click and pans to the result after it, and a short caption names each step. The final result is held longest with the app's own confirmation in frame. End on our name, line and URL, held 2 seconds. Soft click and typing sounds over a light score. App: [URL or local build, e.g. localhost:3000] Steps (3 to 5 goals): [e.g. "Start a new invoice", "Pick the client", "Add a line", "Send it as a link"] Name, line and URL: [e.g. Billwren · "Bill the job, not the paperwork." · billwren.example]
インストール不要：Claude Motion（Team または Enterprise）に貼り付けるか、Opus 5.5 に渡すと近い雰囲気になります。結果は実行ごとに変わります。Skill ならあなたの素材から、手元のパソコンでレンダリングします。