3D Website Interface in Claude Design

What it does

Most AI builders have an invisible value problem. They build powerful n8n logic, but clients only see messy nodes, spreadsheets, or screenshots. This video shows how to use Claude Design to turn backend automation ideas into a polished 3D website interface with a dark “SaaS-Noir” aesthetic. We cover brand strategy, cinematic 3D background loops with Nano Banana and Pippit, high-fidelity section planning with Scraps, and final optimization using the Tweaks Panel for a client-ready finish.

• 
  Claude 32024 · ▲504

  Next gen AI built for work and trained to be safe & accurate

• 
  Claude Design by Anthropic LabsApr 2026 · claude.com · ▲551

  Make prototypes, slides & one-pagers by talking to Claude

• 
  Claude in PowerPointFeb 2026 · ▲587

  Use Claude to build, edit & refine PowerPoint presentations.

• 
  Glance Mar 2026 · glance.debugbase.io · ▲87

  Real browser for Claude Code Test, Screenshot, Automate

• 
  I Built 3D Website With Claude Design23d ago · youtube.com · ▲1

  Build a cinematic 3D hover site with Claude Design

• IF
  I figured out how to get consistent UI from Claude CodeJan 2026 · interface-design.dev · ▲26

  The answer is simple: the more "prescriptive" you are with instructions for Claude, the worse your output. The reason is that Claude tries to pattern match - it's been trained on thousands of safe UI patterns, which is why when you ask for "a modern dashboard" it doesn't really think about the problem space; it just defaults to whatever safe design pattern it can whip up at the time. I've been working on a Claude Code skill to combat generic UI output, and I tried different approaches like being very detailed with my personal visual style, e.g., the type of alpha values to use for borders,…

• TL
  The load-bearing vocabulary of Claude▲703

  Life & fun · 10d ago · louisabraham.github.io

• 
  Articos▲387

  Launch with confidence, not gut instinct

  Life & fun · 12d ago · articos.com

• 
  Nex▲350

  Claude Cowork for high-volume GTM workflows

  Life & fun · 4d ago · nex.ai

• 
  iPhone app takes simultaneous images from 2 lenses, fuses into 1 photo▲329

  Photosynthesis fires two of your iPhone

  Life & fun · 29d ago · photosynthesis.camera

• CC
  Creatium Coach▲320

  Your multimedia mentor that takes you from mid to great

  Life & fun · 11d ago · producthunt.creatium.info

• 
  SoloUno▲310

  Take control of hair pulling, nail biting & skin picking

  Life & fun · 29d ago · solouno.io

• 
  Brew ▲905

  Like Claude design for email marketing

  AI · May 2026 · brew.new

• 
  Kilo Code for VS Code▲897

  Parallel agents, diff reviewer, and multi-model comparisons

  Dev tools · May 2026 · kilo.ai

• 
  StoreClaw▲805

  Grow your store profits with agents that know how to sell

  AI · May 2026 · storeclaw.ai

• 
  PollyReach▲796

  Give your agent a real number and voice to make calls.

  AI · May 2026 · pollyreach.ai

• NW
  Needle: We Distilled Gemini Tool Calling into a 26M Model▲776

  Hey HN, Henry here from Cactus. We open-sourced Needle, a 26M parameter function-calling (tool use) model. It runs at 6000 tok/s prefill and 1200 tok/s decode on consumer devices. We were always frustrated by the little effort made towards building agentic models that run on budget phones, so we conducted investigations that led to an observation: agentic experiences are built upon tool calling, and massive models are overkill for it. Tool calling is fundamentally retrieval-and-assembly (match query to tool name, extract argument values, emit JSON), not reasoning. Cross-attention…

  Life & fun · May 2026 · github.com

• FM
  Files.md – Open-source alternative to Obsidian▲730

  Dev tools · May 2026 · github.com