STOP Using Fable 5 for Everything (Do This Instead)
Fable 5 is back, and in this tutorial, I’ll show you how I used it to turn simple PNG images into a premium animated landing page. Instead of starting with video assets, everything begins with still images, a detailed prompt, and the right visual direction. Fable 5 creates the cinematic motion, while Claude Design and Opus 4.8 help refine the layout, interactions, and overall experience. I also use ReactBits as motion inspiration to improve the scroll animations, transitions, and layout details. In this video, you'll learn: • How to build a premium hero section from PNG images • My complete Fable 5 prompting workflow • When to use Fable 5 vs. Opus 4.8 • How to create scroll-driven animations • How I refine AI-generated layouts • How I use ReactBits for animation inspiration • Tips for getting more consistent results ⏱️ Timestamps 00:00 Intro 00:57 Creating Image Assets in ChatGPT 03:44 Importing Assets into Claude Design 04:35 When to Use Fable 5 vs. Opus 4.8 04:36 Creating Scroll-Driven Animations 07:44 Defining the Landing Page Direction and Visual Style 08:46 Refining the Layout and Motion with ReactBits Inspiration 12:38 Tips for Getting More Consistent Results 👉 Stay tuned for the next demo: a luxury watch landing page (It will be released soon on designcode.io 5 only). 💡 This template is available in Aura as HTML + JS → https://www.aura.build/templates/desi... 💡 Explore all my templates: https://www.aura.build/user/sourany/t... 🎥 Video Editing & Recording Dreamcut.ai → https://dreamcut.ai?via=sourany 📲 Follow me: X (Twitter): https://x.com/SouranyPhomhome Instagram: / sou.design LinkedIn: / sourany-phomhome Threads: https://www.threads.com/@sou.design 🔥 Prompt: https://drive.google.com/file/d/1pjaC... 🛠️ Tools used in this demo: • ChatGPT • Claude Design • Fable 5 • Claude Opus 4.8 Inspiration: • ReactBits for motion inspiration • Screenshot inspiration from abduly_haidary If you enjoy AI web design, landing pages, UI/UX, and creative workflows, consider subscribing for more tutorials every week. #Fable5 #ClaudeDesign #ReactBits #AIWebDesign #LandingPage #WebDesign #UIUX #AI #PromptEngineering

How to Use Claude Design To Make Sites 10X More Beautiful

Claude Fable 5 + New Design Skill = Beautiful $10,000 Websites

How to GET AHEAD of 95% of Designers in 24 MINUTES

This DaVinci Resolve Plugin Just DESTROYED Every AI Editing Tool

Claude Design FULL Tutorial: Beginner to Pro

I Built a Landing Page Using DESIGN.md and Grok Imagine Video

Designing With AI: Claude, Codex, Figma | Full Guide

This Chinese Phone Company Is Quietly Killing Apple

Claude Fable 5 UI/UX One-Shots - 5 Tests

Claude Design Just Got a MASSIVE Upgrade | Get Ahead of 95% in 7 Minutes

I Made GPT 5.6 and Fable 5 Build the Same App (RAW RESULTS)

Claude Fable 5 Built a $10K Website in Minutes

Beige Sunrise | Minimal Art For Your TV | Minimal & Aesthetic Screensaver | No Sound | 2 Hours

Claude Fable 5 Builds $10,000 Websites in 21 mins

Claude Became A Design GENIUS (Mobbin)

Claude Code = Create Awesome Scroll Websites (Fable 5)

I made 3 digital products with claude in 18 minutes

I Recreated a $20K Website Using AI (Full Workflow)

Top 3 UX/UI Redesigns That Make You Design Like a Pro

