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
Developer Achieves Sub-Second STT/TTS Latency with Local Whisper and Coqui-TTS Servers
A developer has open-sourced local server implementations for Whisper STT and Coqui TTS that achieve ~0.2s speech-to-text and ~250ms text-to-speech latency, enabling conversational AI agents without cloud dependencies.
MCP Server for Semantic Search in Obsidian Vaults
A developer built an MCP server that indexes Obsidian vaults into Qdrant with local embeddings, enabling semantic search instead of keyword matching. It chunks markdown by headings, uses BAAI/bge-small-en-v1.5 embeddings, and works with Claude Code, Cursor, Windsurf, or any MCP client.
wearehere browser extension scans sites for tracking and privacy risks
wearehere is a browser extension that scans websites across ten categories including cookies, trackers, device fingerprinting, and dark patterns, then scores them based on privacy risks. It's under 200KB, runs locally in the browser, and also comes as an npm package for integration with AI agents via barebrowse MCP server.
AskFirst API adds human approval layer for AI agents
AskFirst is a REST API that lets AI agents pause for human approval before taking irreversible actions. It works with local models, hosted APIs, and any framework, providing email notifications, approve/deny options, and audit logs.