Claude Fable 5 UI/UX One-Shots — 5 Tests
DesignCourse (8:21) one-shots five UI/UX prompts with Fable 5 (high) and reacts. Verdict up front: “probably by far the single best UI generation I’ve gotten from one-shotting.”
The 5 tests
- Awwwards-style portfolio landing — “Design and build a modern, award-worthy landing page for a fictional UI/UX design portfolio. Use GSAP or three.js… check on Chrome DevTools, make it mobile-friendly.” → Subtle scroll-based animations, split-char text reveals, great timing/easing. “The single best UI generation from one-shotting.”
- Recreate a 3JS gallery site (from screenshot + URL) — sphere/gallery-wall scene with a click transition. → Recreated the gallery concept well. “This is sick.” 2/2.
- Improve a hero section (his “Landscape” SaaS course project) + spawn a Figma MCP design agent → Objectively better than the original, worth an A/B test. 3/3.
- Modernize Craigslist (from screenshot, “keep it type-heavy, subtle interactions, don’t go crazy with whitespace”) → Subtle load + hover animations, modern but still recognizably Craigslist. “Nailed it.” 4/4.
- Recreate award-winning vectrfl.com (from a video; GSAP + three.js) → Decent one-shot, even got the ending sequence; not as good as the original, but “after a few prompts you could probably nail it.” A trained eye spots the copy.
Takeaway
5/5 impressive one-shots. DesignCourse frames the reaction for designers: pessimist → worry about job security; optimist → leverage it. (He notes the tests are about instruction-adherence, not advocating copying others’ work.)