Claude CodeとVeoを使って2時間で3Dスクロールサイトを構築した方法
Redditユーザーのu/Tough-Survey-2155氏が、約2時間で3DスクロールWebサイトをゼロから構築するワークフローを公開しました。この手法では、Claude Codeが主要な作業を担い、カスタムの動画からWebサイトスキル（Nate Herk氏による功績）とVeoを動画生成に使用しています。
ワークフロー
- 動画からWebサイトへのスキルを作成 — これにより、動きをスクロール駆動のインタラクションに変換する基盤ができます。
- 元の動画から最初と最後のフレーム画像を抽出し、Veoを使用してそれらを新しい動画に変換します。動画のプロンプトはChatGPTで生成しました。
- Claude Codeにプロンプトを与えて、動画アセットを使用してWebサイトを構築します。著者によると、動画が準備できれば、残りは簡単なプロンプト処理で済みました。
- デザインの調整 — 生成後にいくつかの手動調整が必要でした。
結果とリンク
- ライブWebサイト: royal-pop-website.vercel.app
- 完全なソースコード: github.com/hamzafarooq/claude-code-starter
リポジトリには、同様のプロジェクトで再利用可能なClaude Codeスターターテンプレートが含まれています。著者は、エンドツーエンドのプロセスがわずか2時間で完了したと述べており、AI支援によるスクロール駆動の3Dサイトを迅速にプロトタイプ化したい開発者にとって、実用的な参考資料となっています。
📖 全文はこちら: r/ClaudeAI
👀 See Also
Qhatu: プラットフォームがGitHubリポジトリをClaudeを使った従量制マイクロSaaSに変える
Qhatuは、GitHubリポジトリを受け取り、生成されたフロントエンドと統合された決済処理を備えた従量課金型マイクロSaaSとしてデプロイするプラットフォームです。このシステムはAnthropic APIを使用してコードを分析し、Dockerfileを生成し、ストアフロントUIを作成します。
OpenClawラッパーによる自動化の簡素化
OpenClaw Wrappersは、AIコーディングエージェントを効率的に管理する方法を提供します。具体的なコマンド例とコミュニティのフィードバックを通じて、これらのツールが既存のフレームワークにどのように簡単に統合されるかをご覧ください。
MCPサーバーがClaudeをRoom EQ Wizardに接続し、スタジオ音響解析を実現
オープンソースのMCPサーバーにより、Claude AIがRoom EQ Wizardを制御できるようになり、スタジオモニターの自動キャリブレーションと室内音響解析が可能になります。このツールには、測定制御、信号生成、SPLメータリング、EQ管理のための27のMCPツールが含まれています。
ClawControl v1.7.1は、OpenClawクライアントにおける日常的な使用上の問題を修正します。
ClawControl v1.7.1は、Windows、Mac、Linux、iOS、Androidで利用可能なOpenClawのオープンソースクライアントです。このリリースでは、日常的なOpenClaw使用中に遭遇する「なぜこんな動作をするの？」という問題の修正に焦点を当てています。