Claude + Remotion：アニメーションスキルゼロで製品ローンチ動画を制作

Tikrrという株式市場インテリジェンスアプリを開発している開発者が、予算もアニメーションスキルも動画ツールの経験もないまま、ローンチ動画を必要としていました。彼らはClaudeのRemotionスキルを使用して、コンセプトから洗練された30秒のアニメーション動画を数時間で作り上げました。

主な技術的詳細

• ClaudeはRemotionのルールを完璧に把握していました。CSSトランジションは使わず、スプリング物理のみ、すべてにuseCurrentFrameを使用し、それを決して破りませんでした。
• テキスト入力中にカードが飛び跳ねる問題が発生したとき、Claudeは解決策を見つけました。非表示の完全なテキストをレンダリングしてレイアウトの高さを維持し、その上に入力された文字を重ねる方法です。
• 約10のシーンファイルにわたって、アニメーション化されたスコアバー、RSIゾーンチャート、タイプライター効果、スプリングベースの段階的アニメーションを一度に構築しました。
• 「フォントが洗練されていない、もっとAppleらしく」や「カードが上下に動くのは馬鹿げている」といった曖昧なフィードバックにも、長い説明を必要とせずに対応しました。
• 最終的な動画では、コードベースの実際のコンポーネントが動画内でレンダリングされています。フックの順序は、クリーム背景→ダーク背景→弾むような「Probably not.」→クリーム背景に戻る、です。すべてInterフォントで、不具合はゼロです。

クリエイティブプロセス

開発者は単にClaudeに「動画を作って」と依頼したわけではありません。コンセプト、雰囲気、フックの議論、疑心暗鬼な金融オーディエンスに効果的な動画フックの研究について、何度もやり取りしました。Claudeは具体的な心理学的フレームワークを返してきました。まるでRemotionのAPIにも精通したクリエイティブディレクターと仕事をしているかのようでした。

まとめ

製品はあるが、動画が作れないためにローンチ動画の作成を先延ばしにしているなら、このワークフローを試す価値があります。Claudeが利用できるRemotionスキルは、クリエイティブ面と技術面の両方で驚くほど深いです。