完全自動化された製品チュートリアル動画:Claude + Playwright + Magic Hour + Remotion

✍️ OpenClawRadar📅 公開日: April 29, 2026🔗 Source
完全自動化された製品チュートリアル動画:Claude + Playwright + Magic Hour + Remotion
Ad

あるデベロッパーが、製品チュートリアル動画のパイプライン全体を自動化しました——未加工の機能URLからCMSアップロード完了まで、人間の関与は一切不要。週末かけて構築したこのシステムは、手動で行っていたときは月2〜3本だった動画を、今では1日1本生成しています。

技術スタック

  • Playwright — 人間らしいマウス動作でロボット感を排除した画面録画
  • Claude — スクリプト作成とオーケストレーション:録画内容、教える順序、ナレーション構造を決定
  • Magic Hour API — 顔交換、リップシンク、トーキングフォト、サムネイル(4つの別々のツールを置き換え)
  • Remotion — プログラムによる動画編集
  • Latenode — 接着層:新機能URLでトリガー、順序付け(Playwright → Claude → Magic Hour → Remotion)、失敗時のリトライ、最終的なCMSアップロード

主なブレイクスルー

  • トーンの一貫性:Claudeのスクリプトトーンを適切にするのに20回の反復が必要でした。解決策は、手書きのスクリプト3つを数発例として与えること——著者によれば、形容詞でトーンを説明するよりも、例を貼り付ける方が毎回効果的とのこと。
  • コスト:動画1本あたり約2〜4ドル、従来の人間作業では4〜6時間。
  • コミュニティの受け入れ:ユーザーは動画がAI生成であると指摘していません。著者は、AI生成の痕跡があっても、効果的に教えることができればデモ動画として問題ないと述べています。
  • アーキテクチャの転用性:このシステムは、デモに値する機能を持つあらゆる製品に一般化できます。

著者は、Claudeのシステムプロンプトとオーケストレーション設定を共有する意向があります。

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

永続的なローカルAIコンパニオンエージェント構築からの実践的教訓
Use Cases

永続的なローカルAIコンパニオンエージェント構築からの実践的教訓

開発者がM4 Mac mini上でセルフホスト型AIエージェントを数ヶ月間運用した経験から得た知見を共有。メモリ・アーキテクチャ、システムプロンプトの最適化、ローカル埋め込み、モデルラダー、ツール反復回数の制限などについて解説。

OpenClawRadar
開発者がコーディングワークフローにおけるClaude AIを現代の電卓に例える
Use Cases

開発者がコーディングワークフローにおけるClaude AIを現代の電卓に例える

サーバーレスAngular/AWS SPA/PWAプロジェクトに18ヶ月携わっている開発者が、AI支援コーディングの90%にClaude AIを使用していると報告し、それを「21世紀版の電卓」と表現しています。時折発生する壊滅的な出力にもかかわらず、生産性が10倍向上したと述べています。

OpenClawRadar
OpenClawユーザーは、Claude Codeパイプラインの成功後、AIエージェントの自動化に苦戦しています。
Use Cases

OpenClawユーザーは、Claude Codeパイプラインの成功後、AIエージェントの自動化に苦戦しています。

マーケティングエージェンシーのオーナーがClaude Codeを使って1時間で画像再現パイプラインの作成に成功したものの、Gemini 3.1 Pro上で動作するOpenClawのAIエージェントに同じプロセスを教えようとした際に、推論能力の低さ、応答の遅さ、出力の不正確さなどの問題に直面した。

OpenClawRadar
マルチGPU AIワークステーションの実用的限界:9× RTX 3090ビルドからの教訓
Use Cases

マルチGPU AIワークステーションの実用的限界:9× RTX 3090ビルドからの教訓

開発者がAI作業用に9基のRTX 3090 GPUを運用した経験を共有。6基を超えると収穫逓減が見られ、LLM実験にはProxmoxを推奨。24GB VRAMで750ドルのRTX 3090は依然として魅力的。

OpenClawRadar