スクロールの手を止めさせるAIプロダクト動画の作り方

再現プロンプト(プロンプト自体は英語です)

A 37s 16:9 launch film, "Introducing OpenDesign Motion" — the open-source alternative to Claude Motion. Playful, premium, minimal text, cut to an upbeat 115 BPM funk track.

Open on a living oil-painting sky where a prompt types itself in the OpenDesign composer; on send, the letters fly into a 3D title. On the drop, the Claude logo appears and "The open-source alternative" slams in above it. Pull back into a tilting wall of motion films and dive into three of them. Beat break: "Not just Opus 5.5." Then "Any model. Any agent." with logos flicking on the beat. In the real OpenDesign workspace, one click on the model pill spins a floating reel of models while the preview swaps films. The preview morphs into the OpenDesign logo, becomes a 3D die rolling one case per face (each arrow styled like its film), and lands on the classic mark — arrow spins on the final hit, "OpenDesign Motion", open-design.ai.

再現プロンプト(プロンプト自体は英語です)

A 40s 16:9 main-tweet film for "OpenDesign Motion Week" (Oct 20–27): DeepSeek V4.1 Flash runs at DeepSeek's official off-peak price all day for a week. Key line: "Opus 5.5-level motion. DeepSeek off-peak price." Glitch-hop track, dense playful motion, soft-shadow real-UI cards, Albert Sans with green italic accents. Never hard-shadow sticker style.

A price chart peaks under a DeepSeek ticker card; the OpenDesign arrow cursor grabs the peak and drags it down into a valley. A 3D "50% / Off-peak price" flips to "100% / Full model" with the chip "Official DeepSeek API · not quantized". A split-flap board flips "OCT 20 – 27" to "$60 / WEEK" as the official GO plan logo draws on; tiles compare ×0.5 vs ×0.25. Quick reset beat: the arrow turns once, the 5-hour and 7-day bars refill, "For every subscriber." Giant knockout letters "MOTION" act as windows into motion films; dive in for a beat-cut montage. Then the real flow: OpenDesign composer, Motion design chip, prompt, frames assemble, film plays → an X compose window, post, likes. Four reward objects, one per 1.5 beats: membership (GO/PLUS/PRO/MAX logos), creator verification, early beta access, usage reset card. A pill "Tag @OpenDesignHQ for a chance to win" rides over a tilted wall of posts for ~4s; the posts tile into a mosaic OpenDesign mark and the cursor arcs home into the arrow slot on the final hit.

再現プロンプト(プロンプト自体は英語です)

A 45s 16:9 comedic clarifier for OpenDesign Motion Week, with a cute original mascot and a sweet voiceover. Bouncy cute track (~150 BPM). Frame 0 is a full cover card, no entrance: OpenDesign logo, "// quick clarification · Motion Week, Oct 20 – 27", headline "DeepSeek off-peak week, explained." and chips "$60 a week? / Every plan 2× / Off-peak 24/7 / Full model".

Mascot: an original cute girl drawn in halftone — round face, big glossy eyes with two highlights, twin tails with curled ends, blue bows, pink heart-shaped sunglasses, an OpenDesign-logo pin. She is smug: "Think $60 is less than $120?" Record scratch: "Think again." A blue wipe: "It's $60 per week." Cards: usual week $30 vs this week $60, 2× stamp. "You read half. It's double." Then every plan doubles for this model (Go $30→$60, Plus $40→$80, Pro $90→$180, Max $150→$300 per week; resets every 7 days), so this month is "$150+, not $120". A 24-hour dial: off-peak price 24/7. "The full model." Official DeepSeek API, not quantized. A dotted globe with pins: "We serve users worldwide. In some regions, check your network and IP." "Questions? Find us on Discord." End card: "double. all week." Keep it generous and upbeat; never show the offer ending.

再現プロンプト(プロンプト自体は英語です)

A 47s 16:9 promo for OpenDesign's One-click agent setup. Happy cartoon track (~95 BPM), playful and eye-catching rather than faithful to the website's design spec. Frame 0: "OpenDesign API into [agent] in one click." with chips for Claude Code, Codex, Grok Build, OpenCode, OpenClaw, Hermes Agent; on each beat the agent name and a full-screen brand-colour flood swap.

Then the green one-click button is clicked on every beat and turns into something new each time: a toggle, a key in a lock, a slot machine of agents, an orbit of models, a crumpled .env file, a plug meeting a socket, confetti. The OpenDesign logo appears, the camera dives into its arrow, and the arrow grows eyes and becomes the guide. It walks through the real pages: OpenDesign app Upgrade → pricing (Go) → checkout ($8 first month) → console → API Keys → "One-click agent setup" → install CC Switch (free, open source) → pick Claude Code + model (default deepseek-v4.1-flash) → "Import into CC Switch" → confirm → a new key "Claude Code · Mac" turns Active. "Your original config is kept. Switch back anytime." Close with "One click. Any agent. Any model." and the path open-design.ai → API Keys → One-click setup; the guide flies back into the logo ring on the final hit.

再現プロンプト(プロンプト自体は英語です)

A 67s 16:9 tutorial: "Use the OpenDesign API in your agent." Playful funk track, no voiceover, English on-screen text. Frame 0 states the topic with agent chips (Claude Code, Codex, Hermes, OpenCode, + more).

Hero character: the arrow from the OpenDesign logo, acting as the cursor. Opening: on each beat the screen floods with a different agent's brand colour while API keys rain into a messy pile, then implode into "One key." Show a wall of supported model logos (official icons from open-design.ai/pricing, never redrawn), then the agents they plug into. Then 3 clear steps in recreated product UI: 1) subscribe to Go monthly ($8 first month, then $10), 2) open the console → API Keys → Create API key, 3) paste the base URL and key into your agent (Chat Completions / Responses: https://amr-link.open-design.ai/v1; Anthropic Messages for Claude Code: https://amr-link.open-design.ai). Mention DeepSeek V4.1 Flash auto-upgraded to 1017 and the 5-hour / 7-day usage reset. Tease One-click setup (coming soon): "3 steps → 1 click", "Click once. Every agent ready." Mask all keys and emails (sk-amr-••••, [email protected]).

再現プロンプト(プロンプト自体は英語です)

A 22s 16:9 promo whose only goal is to get people to open open-design.ai/updates. Playful and bouncy, built in Three.js. Lime (#87EA5C) and ink, two-tone 3D type (ink faces, lime sides) shot at eye level so it reads on a phone.

A gummy, jelly-like 3D "39" (releases since Apr 28) drops in and hops with squash-and-stretch, then flips to "67" (updates). Real update cards swirl around it; four milestone cards fly at the camera: Plugin Everything, Team workspace, Arena, Motion. The cards fall and a 3D "Can't keep up?" lands. A thick 3D screen shows the real Updates page; the cursor taps RSS. The URL "open-design.ai/updates" drops in letter by letter, and an extruded OpenDesign logo lands on the final hit. No video clips, no stat slides.

再現プロンプト(プロンプト自体は英語です)

A 34s 16:9 promo for the OpenDesign Showcase (open-design.ai/showcase), a growing library of AI design examples, each with the full prompt that made it. Modern Apple-ad electronic track; smooth, continuous camera (no shaking or beat punches); one main message per screen, held long enough to read.

Frame 0 already carries the headline over a live, moving case (the Harbor Skirmish FPS island): "98+ AI design examples. Every prompt included." The camera glides back into a tilted 3D wall of real cases playing as footage, not screenshots. A giant word "Motion" appears with each letter windowing a different motion film; dive into the "o" for four beat cuts. Then a case goes full-bleed and its prompt card slides up, the prompt types out, a cursor clicks "Copy prompt". Same prompt, different models: side-by-side outputs with white monochrome model logos on a 3D arc. Never imply a fixed size — say "and counting", "latest models". End on the OpenDesign logo and the URL.

再現プロンプト(プロンプト自体は英語です)

A 19s 16:9 quote-tweet video for OpenDesign's new Usage page. Same visual language and music grid as the Motion Week film. Opens on "How much have you used?"

Path in recreated product UI: Console → choose workspace → Usage (right under API Keys). A table of calls shows time, member, model, input/output/cache tokens and credits; filters by member, model and time range. Hover the ⓘ next to credits to open the breakdown: DeepSeek V4.1 Flash multiplier ×0.5 → ×0.25 during Motion Week. Click the underlined rules link: a browser bar types open-design.ai/model-credits and the page "Design Plan credit multipliers" slides in. End: "Stay on top of your usage. Track every call. Plan every credit." + OpenDesign logo.

最初のブリーフ

[機能、ページ、またはキャンペーン]を宣伝したいです: [URL]
ターゲット: [関心を持ってほしい人]
掲載位置: [メインの告知 / フォローアップ / チュートリアル / 補足説明]
伝えたいことは一つ: [視聴者に理解してほしいたった一つのこと]
次のアクション: [訪問する / 試す / 保存する / 返信する / 作成する]
メインのフォーマットは16:9です。その後、別途構成し直した9:16バージョンも計画してください。

事実と情報源:
[最新のプロダクトドキュメント、承認済みのブリーフ、料金ページ、および確認日。]
確認済みの主張とその単位をBRIEF.mdに書き込んでください。不確かな点には必ずフラグを立ててください。

素材:
- 公式ロゴ: [パス]
- ブランドアートおよびオリジナルのサンプル動画: [パス]
- デモ用プロダクトへのアクセス、または加工済みの画面収録: [詳細]

実装: Claude Code + HyperFrames。アイデアに必要な場合はGSAPまたはThree.jsを使用してください。
実際のプロダクトの操作手順を使ってください。認証情報や個人のアカウントデータは表示しないでください。
構成や动效は参考作品から学んでも構いませんが、許可なく第三者の映像を再利用しないでください。

最初のフレームだけで、これが何なのかが伝わるようにしてください。重要な文字はスマートフォンでも読めるサイズにしてください。
プロダクトの価値は、动效とデモンストレーションで見せてください。小さな装飾的ラベルは避けてください。
音楽については、私が確認して選べるよう、試聴リンクとライセンス情報を提示してください。

まだ完全版は書き出さないでください。オープニングフレーム、視覚的な主役、ショットの流れ、サウンドの方向性、エンディングを備えた具体的なコンセプトを2〜3案提案してください。

イテレーションのレビュー

承認済みの次の部分は維持してください: [シーン、タイミング、タイポグラフィ、または音楽]

1. [タイムスタンプ / シーン]で、[具体的な問題]が気になります。
   代わりに、視聴者には[意図する結果]を理解または感じてほしいです。
2. [タイムスタンプ / シーン]で、[理由]のため、[具体的な要素]を変更してください。
3. [タイムスタンプ / シーン]で、[読みやすさ / テンポ / サウンド / プロダクトの正確さ]を確認してください。

大幅な再設計に着手する前に、まず原因を説明してください。隣接するシーンにも同じ問題がないか確認してください。
承認済みのブリーフと、関係のない部分は維持してください。新しいMP4を丸ごと書き出してください。
書き出したものを視聴し、残っている問題があれば、納品前に報告してください。

最終書き出しのチェック

ソースのコンポジションだけでなく、最終的に書き出したMP4を確認してください。
- 時間ゼロの時点で、初めて見る視聴者がスマートフォンのサイズでトピックを識別できますか?
- 音声オフでも、伝えたいことが一つに絞られて明確ですか?
- インターフェースの操作手順、数値、単位、ロゴ、URLをBRIEF.mdと照合して確認しましたか?
- 非公開のアカウント情報は削除されていますか?
- 音楽、サンプル、キャラクター、音声の使用許諾は文書化されていますか?
- すべてのトランジションが、連続していないタイムスタンプでも正しくレンダリングされますか?
- 書き出したものを音声ありで最後まで視聴し、エンドカードを確認しましたか?
- 縦型バージョンは構成し直し、別途視聴しましたか?
実際に行った確認、未解決の問題、確認した書き出しファイルを正確に一覧にしてください。
実施していない確認を合格として記載しないでください。