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 など Skill に対応したエージェントに貼り付けてください。

始めるのに必要なのは

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 に渡すと近い雰囲気になります。結果は実行ごとに変わります。Skill ならあなたの素材から、手元のパソコンでレンダリングします。

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

インストール指示をコピー