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

Tikrrという株式市場インテリジェンスアプリを開発している開発者が、予算もアニメーションスキルも動画ツールの経験もないまま、ローンチ動画を必要としていました。彼らはClaudeのRemotionスキルを使用して、コンセプトから洗練された30秒のアニメーション動画を数時間で作り上げました。
主な技術的詳細
- ClaudeはRemotionのルールを完璧に把握していました。CSSトランジションは使わず、スプリング物理のみ、すべてに
useCurrentFrameを使用し、それを決して破りませんでした。 - テキスト入力中にカードが飛び跳ねる問題が発生したとき、Claudeは解決策を見つけました。非表示の完全なテキストをレンダリングしてレイアウトの高さを維持し、その上に入力された文字を重ねる方法です。
- 約10のシーンファイルにわたって、アニメーション化されたスコアバー、RSIゾーンチャート、タイプライター効果、スプリングベースの段階的アニメーションを一度に構築しました。
- 「フォントが洗練されていない、もっとAppleらしく」や「カードが上下に動くのは馬鹿げている」といった曖昧なフィードバックにも、長い説明を必要とせずに対応しました。
- 最終的な動画では、コードベースの実際のコンポーネントが動画内でレンダリングされています。フックの順序は、クリーム背景→ダーク背景→弾むような「Probably not.」→クリーム背景に戻る、です。すべてInterフォントで、不具合はゼロです。
クリエイティブプロセス
開発者は単にClaudeに「動画を作って」と依頼したわけではありません。コンセプト、雰囲気、フックの議論、疑心暗鬼な金融オーディエンスに効果的な動画フックの研究について、何度もやり取りしました。Claudeは具体的な心理学的フレームワークを返してきました。まるでRemotionのAPIにも精通したクリエイティブディレクターと仕事をしているかのようでした。
まとめ
製品はあるが、動画が作れないためにローンチ動画の作成を先延ばしにしているなら、このワークフローを試す価値があります。Claudeが利用できるRemotionスキルは、クリエイティブ面と技術面の両方で驚くほど深いです。
📖 Read the full source: r/ClaudeAI
👀 See Also

Claude、Gemini、GPTを活用したAI支援コーディングタスク
Claude、Gemini、GPTを組み合わせることで、それぞれの固有のアクセス能力を特定のタスクに活用し、AIコーディングワークフローを強化する方法をご紹介します。

OpenClawの多様な応用:Clawdbotコミュニティからの洞察
r/clawdbotコミュニティで共有されているように、個人プロジェクトから野心的な自動化システムまで、ユーザーがOpenClawを活用した革新的な方法をご紹介します。

AIパーソナルアシスタントが私のTwitterアカウント管理をどのように変えたか
AIパーソナルアシスタントがTwitterアカウントの管理をどのように革新し、エンゲージメントと効率性を向上させたかを発見してください。OpenClawコミュニティから提供されたこの実在の成功事例から学びましょう。

Claude Managed Agents発表:マルチエージェントオーケストレーションと70日間の実践的教訓
今週、Anthropicはマルチエージェントオーケストレーションと拡張ツールチェーンを備えたManaged Agentsをリリースした。ある開発者が役割分割エージェント(Opus意思決定層、OpenCodeエンジニア、研究エージェント)を使用した70日間の経験と、'これを実行して'という指示から'私の前提に疑問を投げかけていい'という指示への重要な転換を共有している。