Show off the full potential of Fable 5.1 in web UI design by creating a realistic $1 million website mockup. Feel free to use all the typical modern techniques that YouTube tutorials and Reddit power users love to flex when demonstrating an AI model's web design chops—Three.js, real stock photos, videos, authentic logos, etc. Surprise me: make something truly high-end, not generic AI slop. Serve the result via Tailscale, and make sure it's fully mobile-optimized since I'll be viewing it on my phone.
Make it yours. Replace "Fable 5.1" with the model you're testing and "a realistic $1 million website mockup" with a brief of your own, such as a product launch. Drop "Serve the result via Tailscale" unless you use it.
Luxury watch that comes apart on scroll
A dark site for VALÈRE, a made-up Geneva watchmaker, where one 3D watch comes apart layer by layer as you scroll, then gives way to photo sections. Fable 5.1 built it in Claude Code from a short freestyle prompt, with the watch modeled and textured in code.
“the prompt was fully freestyle and far from "rocket science"”
- Claude Code
- Claude Fable 5.1
- Three.js
- GSAP
- Lenis
- One-shot
- <1% weekly Max
You'll need
- Tailscale, if you keep the line asking the agent to serve the result over it
How it was made
The creator says the prompt was freestyle, written without much thought, that they didn't let the model plan first, and that they spent under five minutes on it themselves. Their build notes: the watch is fully procedural (25 geometries in 7 layers, every texture drawn on a canvas at runtime, no 3D model or image files), on three.js 0.185 with GSAP ScrollTrigger and SplitText and Lenis, set in EB Garamond and Hanken Grotesk. Commenters said it resembles a YouTuber's 3D watch-site test, and the creator agreed the prompt's line about YouTube tutorials likely pulled that in.
Under 1% of the weekly limit on a Max 20 plan, according to the creator
Claude Code · Claude Fable 5.1 · Three.js · GSAP · Lenis
Source and credit
r/claude on Reddit · Sep 2, 2026 · 333 upvotes · 183 comments
Authorship not stated by the source
Published instructions: The creator's comments on the post
Look notesby Reference
A black page where a silver watch with a blue sunburst dial turns and separates into its bezel, crystal, dial, and movement, followed by photo sections on watchmaking and a closing VALÈRE wordmark.
- Color
- Black, polished silver, and steel blue for the watch; pale blue-grey panels; brass and red jewels in the movement photos.
- Type
- A classical serif for headlines ("Time, kept at altitude.", "Twelve hands, one calibre."), italic serif for a quote, and small sans-serif for labels and specs.
- Framing
- 16:10. The watch sits right of a left-aligned headline, then moves to the center as it comes apart, with thin leader lines to labels such as Polished bezel and Calibre VL-01. Later sections are a full-bleed photo, a three-photo grid, and a spec table.
- Structure
- Hero, the watch turning, the exploded view labeling each layer, a move into a cloudy sky, the movement close-up, a craft gallery with the quote "We do not finish a movement because someone will see it", the spec sheet, "Three references.", and a footer with the wordmark, boutique times, and an email field.
