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
adamsreview: A Multi-Stage PR Review Plugin for Claude Code with Parallel Agents and Auto-Fix Loop
adamsreview is a Claude Code plugin that runs deeper, multi-stage PR reviews using parallel sub-agents, validation passes, persistent JSON state, and an optional ensemble review via Codex CLI and PR bot comments.
Claude Code's File-Based Memory System: A Pragmatic Alternative to Vector DBs
Claude Code implements a file-based memory system using .md files with frontmatter metadata and a MEMORY.md index, avoiding vector databases and embedding pipelines by scanning files, building manifests, and using a small model to select relevant memories.
Corey Haines' Marketing Skills Set for AI Agents
A set of 25 marketing skills for AI agents has been added to OpenClaw, covering conversion optimization, copywriting, analytics, and growth engineering. The conversion optimization skill is noted as particularly effective in multi-agent setups.
Token Reducer: A Claude Code Plugin for Intelligent Context Compression
Token Reducer is a Claude Code plugin that processes repository context locally to reduce token usage by 90-98% using AST-based chunking, hybrid retrieval, and TextRank compression. It's MIT licensed and available via the plugin marketplace.