How I built a 3D scroll website in 2 hours using Claude Code and Veo
A Reddit user u/Tough-Survey-2155 shared a workflow for building a 3D scroll website from scratch in about 2 hours. The method uses Claude Code for the heavy lifting, with a custom video to website skill (credit to Nate Herk) and Veo for video generation.
Workflow
- Create a video-to-website skill — this serves as the foundation for translating motion into scroll-driven interactions.
- Extract first and last frame images from the source video, then use Veo to convert them into a new video. The video prompt was generated via ChatGPT.
- Prompt Claude Code to build the website using the video asset. The author reports that once the video was in place, the rest was straightforward prompting.
- Design tweaks — a few manual adjustments were needed after generation.
Results & Links
- Live website: royal-pop-website.vercel.app
- Full source code: github.com/hamzafarooq/claude-code-starter
The repository includes Claude Code starter templates that can be reused for similar projects. The author notes that the end-to-end process took only 2 hours, making this a practical reference for developers looking to rapidly prototype scroll-driven 3D sites with AI assistance.
📖 Read the full source: r/ClaudeAI
👀 See Also
Pilot Protocol: Open-Source P2P Network Stack for AI Agent Swarms
Pilot Protocol is an open-source Layer 3 and Layer 4 overlay network stack designed specifically for AI agent communication, providing direct encrypted UDP tunnels between agents with permanent 48-bit virtual addresses.
Detrix MCP Server Adds Runtime Debugging to AI Coding Agents
Detrix is a free, open-source MCP server that enables MCP-compatible agents to observe live variables in running code without restarts or code changes. It supports Python, Go, and Rust applications running locally or in Docker.
Reasoning Guard: Proxy-Level Loop Detection for Local LLM Inference
A proxy-layer guard that detects and recovers from LLM reasoning loops using deterministic stream checks — token caps, n-gram repetition, and sentence fingerprinting — without model modifications.
Claude Code Mastery: Open-source config system adds persistent memory and curated skills to Claude Code CLI
Claude Code Mastery is an open-source configuration system that adds persistent memory across sessions, smart lifecycle hooks, and 26+ curated skills to Claude Code CLI. It includes a 6-file Memory Bank per project, zero-config launcher, and cross-platform support.