AI Fire Weekly Webinar
Hands-on AI workshop for real work use cases every week
Start new thread

I Built 3D Website With Claude Design - Build a cinematic 3D hover site with Claude Design

by•
I used Claude Design to turn an UnderDog website draft into a cinematic 3D fashion landing page. The video covers the concept board, Dreamina hero visual, hover interaction, first-output review, prompt fixes, mobile carousel, and a reusable template. You’ll see what worked, what broke, and how clear prompts and a consistent palette improved the final prototype.

Add a comment

Replies

Best
Maker
📌
Hi Product Hunt 👋 This video shows how I rebuilt an UnderDog fashion website draft into a cinematic 3D hover experience with Claude Design. I started by analyzing a motion reference, then created a concept board and storyboard to define the brand direction. I also used Dreamina to generate the cinematic hero visual before uploading the main assets into Claude Design. The first output looked promising, but testing exposed two clear problems: - The interactive hero was placed in the middle of the page - Several images were repeated because the initial upload was limited to ten files I uploaded the remaining outfit images and used one focused fix prompt to move the hover experience into the hero and replace the repeated visuals. The desktop version reveals Void Veil as the cursor moves across Halo Form. On mobile, the interaction becomes a carousel because touch screens don’t support hover. This video ends with a working Claude Design prototype and a reusable prompt template. It doesn’t cover Claude Code or deployment. What type of interactive website would you build with Claude Design? Comment “AI Fire” and I’ll send you the full prompt pack used in the video.