← すべてのスキル
機能デモ・ディレクター
プロダクトを画面の中で実際に使って見せる。3 ステップの導入や機能デモを音楽付きで。
Claude Code、Codex、Cursor など Skill に対応したエージェントに貼り付けてください。
必要なもの: Node.js 22+、FFmpeg、Chrome。API キー不要。
インストール用プロンプト
https://claude-motion.com/skills/walkthrough-director/install.md を読んで手順どおりに「walkthrough-director」スキルをインストールし、それを使って最初の動画を作ってください。
Claude Code、Codex、Cursor など Skill に対応したエージェントに貼り付けてください。
プロンプト例
Use the walkthrough-director skill to make a 30-second onboarding walkthrough of this app in three steps, 16:9.
スタイルプロンプト(Claude Motion または Opus 5.5)
Make a 30-second 16:9 walkthrough for [who will watch, e.g. new users of our app], playing [where, e.g. our docs and onboarding email]. Use only the steps, commands, labels and screenshots I give below; don't change a word. Show our interface used for real, one step at a time: each step's title settles, a cursor (or typed command) does one action, and the result appears and holds long enough to read. The camera pushes to where each step happens. End frame: the product name and the one command or link to start, held for 2 seconds. Product: [name] (e.g. Plantpal) Steps: [three steps] (e.g. "Add a plant" → "Take a photo" → "Get a care plan") Attach: [screenshots of each step]
インストール不要:Claude Motion(Team または Enterprise)に貼り付けるか、Opus 5.5 に渡すと近い雰囲気になります。結果は実行ごとに変わります。Skill ならあなたの素材から、手元のパソコンでレンダリングします。