← すべてのスキル
デバイスキャンバス・ローンチ
デスクトップとスマホの画面をブランドカラーのキャンバスに並べ、ひとつのカメラで巡ります。
使い方
- 1インストール用プロンプトをコピーして、エージェントに貼り付けます。
- 2エージェントが mo doctor で Node.js・FFmpeg・Chrome を確認し、足りないものがあれば入れ方を案内します。
- 3素材を渡すと、お使いのパソコンで MP4 を書き出します。直したいところは言葉で伝えるだけです。
Claude Code、Codex、Cursor などスキルに対応したエージェントに貼り付けてください。
始めるのに必要なのは
API キー不要これだけで始められます
- サイトやアプリ
依存環境
Node.js 22+、FFmpeg、Chrome。API キー不要。
始める前に、エージェントが mo doctor で Node.js・FFmpeg・Chrome を確認し、足りないものは入れ方を案内します。このスキルにほかに必要なもの（字幕用の whisper など）があれば、説明に書いてあります。
プロンプト例
Make a device-canvas launch film for our app: our site on desktop and phone, three features, and the sign-up link.
スタイルプロンプト（Claude Motion または Opus 5.5）
Make a 20-second 16:9 launch video for [who will watch, e.g. ops and finance leads], playing [where, e.g. the homepage hero]. Use only the lines and screenshots I give; don't change a word. Deep navy background with soft violet and teal glows. Scene 1: the hook rises word by word and fades. Scene 2: a browser window with the desktop screenshot and a phone with the mobile screenshot rise onto the canvas. Scene 3: the camera glides in to the browser while a glass caption shows the first feature, then to the phone with the second, then pulls back to show both with the third. End frame: the devices blur and sink as the product name, the hook and a violet call-to-action button appear. Hook: [e.g. "Your metrics, everywhere you work."] Three captions: [e.g. "Live dashboards — Every number, updated in real time", "Pocket alerts", "Always in sync"] Product and call to action: [e.g. Pulse, "Get Pulse free"] Attach: [a desktop screenshot and a phone screenshot]
インストールは不要です。Claude Motion（Team または Enterprise）に貼り付けるか、Opus 5.5 に渡すと、近いルックになります。結果は実行のたびに変わります。スキルなら、手持ちの素材をもとに、お使いのパソコンで書き出します。