Motion Skills
← すべてのスキル

3D モックアップ・プロモ

スクリーンショットを動く 3D デバイスに収め、1 ショットに 1 機能、ビートに合わせてカット。

使い方

  1. 1インストール用プロンプトをコピーして、エージェントに貼り付けます。
  2. 2エージェントが mo doctor で Node.js・FFmpeg・Chrome を確認し、足りないものがあれば入れ方を案内します。
  3. 3素材を渡すと、お使いのパソコンで MP4 を書き出します。直したいところは言葉で伝えるだけです。

3D モックアップ・プロモをインストール

AI エージェントに一文を貼り付けるだけです。エージェントがインストール手順を読んでスキルを入れ、最初の映像まで作ります。

エージェントに伝える

https://claude-motion.com/skills/mockup-promo/install.md を読んで手順どおりに「mockup-promo」スキルをインストールし、それを使って最初の動画を作ってください。

Claude Code、Codex、Cursor、Gemini CLI など Agent Skills を読めるエージェントで使えます。初回はブラウザでログインします。

Claude Code、Codex、Cursor などスキルに対応したエージェントに貼り付けてください。

始めるのに必要なのは

API キー不要

これだけで始められます

  • サイトやアプリ

依存環境

Node.js 22+、FFmpeg、Chrome。API キー不要。

始める前に、エージェントが mo doctor で Node.js・FFmpeg・Chrome を確認し、足りないものは入れ方を案内します。このスキルにほかに必要なもの(字幕用の whisper など)があれば、説明に書いてあります。

プロンプト例
Make a 3D mockup promo for our app from these screenshots: three features and the sign-up link.
スタイルプロンプト(Claude Motion または Opus 5.5)
Make a 20-second 16:9 promo video for [who will watch, e.g. small-team managers on LinkedIn], playing [where, e.g. a launch post]. Use only the lines and screenshots I give; don't change a word or a screen. Warm off-white background, the brand colour only on the last scene.

Scene 1: a silver laptop opens on the desktop screenshot while the product name and the hook rise below it. Scenes 2 to 4: one feature each, cut on the beat with a short crossfade: the desktop screenshot in a browser window the camera pushes into, the phone screenshot on a phone that swings in, then a third screenshot on a device the camera circles; one caption under each, never over a screen. Scene 5: all the screenshots together on a laptop, a tablet and a phone, with the point of the film. End frame: the brand colour, the phone floating on the right, the name, the call to action as a dark pill and the URL on the left.

Hook: [e.g. "The calendar for busy small teams"]
Three features: [e.g. "See your whole week at a glance", "Join any meeting in one tap", "Focus time, protected for you"]
The point: [e.g. "One calendar. Every screen."]
Product, call to action and URL: [e.g. Dayloom, "Try Dayloom free", dayloom.app]
Attach: [a desktop, a phone and a tablet screenshot]

インストールは不要です。Claude Motion(Team または Enterprise)に貼り付けるか、Opus 5.5 に渡すと、近いルックになります。結果は実行のたびに変わります。スキルなら、手持ちの素材をもとに、お使いのパソコンで書き出します。

「3D モックアップ・プロモ」で映像をつくる

インストール用プロンプトをコピー