All videos
0:00 / 0:00
ai

Insane Claude Design Skills You Need for $10,000 Websites

Jack Roberts31 August 2026Watch on YouTube

Part of series

Ep. 12 · Bouw een AI second brain

Praktische tutorials voor het opzetten van een persoonlijk kennisbeheersysteem met Claude en RAG-technologie.

View the series

Topics

In this video

Read next

Description from the channel

🔥 Glaido: https://bit.ly/4eGoI3R (use code: WHSAAKXO for 1 FREE month) 📈 ALL Systems: https://bit.ly/4kol0y5 🩵 Free Resources: https://bit.ly/3RNNDLa *👋 Howdy* Hey, I'm Jack, I built and sold my last tech startup with a Gazillion customers, now I'm building AI startups and I share stuff that works. I quit my corporate job to do my start-up and have never looked back since. *💬 Overview* Building a website that looks pretty is one thing, but building one that gets customers is a different job entirely, and this video covers the seven skills that close that gap. I walk through each level in order: finding a gold standard reference site to copy the design DNA from, mapping the full site structure and wireframes with Relume, connecting Higgsfield to Claude for image and video generation, building scroll stopping components like an interactive roof quote tool, mobile optimisation, then stripping out the classic AI writing patterns so your copy genuinely reads like a human wrote it. And we finish with a full SEO strategy built from keyword research inside Claude, pulling UI inspiration from Savee and 21st.dev along the way, then deploying through GitHub and Vercel. If you build sites for clients or your own business, this is the whole workflow. *Links* ☁️ Claude: https://claude.ai/ 🧩 Relume: https://www.relume.io/ 🎨 Higgsfield: https://bit.ly/4fjvSg0 🖼️ Savee: https://savee.it/ 🧱 21st.dev: https://21st.dev/ 🔷 Flaticon: https://www.flaticon.com/ 🎯 Icons8: https://icons8.com/ 🎁 IconScout: https://iconscout.com/ 📁 GitHub: https://github.com/ ▲ Vercel: https://vercel.com/ ⌚️ *Stamps:* 0:00 - Hook: Websites That Actually Sell 0:33 - Level 1 1:00 - Gold Standard Reference Sites 1:15 - Pick Your Design Blueprint 1:21 - Mintlify As Design Inspiration 1:46 - Level 2 1:58 - Reloom Builds Your Sitemap 2:10 - Bird's Eye View Of Your Site 2:36 - Wireframes And Style Guides Ready 3:54 - Export Directly To Claude 4:18 - Design Loop Skill Unlocked 4:51 - Reloom As Full CMS 5:42 - Level 3 5:54 - Hicsfield Generates Stunning Images 6:05 - Hicsfield Plugs Into Claude 6:48 - Full Site Structure Revealed 9:04 - Scroll Stoppers That Convert 9:23 - Find Scroll-Stopping Inspiration 9:50 - Interactive Lead Magnet Built 10:26 - Roofing Quote Tool Created 11:04 - Live Quote Animation In Action 12:41 - Level 4 12:55 - Mobile Traffic Is Your Majority 13:16 - Mobile Optimization Done Right 13:52 - Every Screen Size Looks Great 14:53 - Level 5 15:09 - Why AI Websites Sound The Same 15:27 - De-Slopification System Applied 15:55 - Psychology Of Instant Clarity 16:34 - Copy That Actually Persuades 16:46 - AI Writing Caught And Fixed 18:30 - Level 6 18:35 - UI Sniping For Standout Components 19:21 - Credibility Widgets Integrated 19:41 - Icons Freshen Your Design 20:30 - Level 7 20:38 - SEO Baked Into Your Site 21:01 - Keyword Strategy Built By Claude 21:42 - Real SEO Results Revealed 22:15 - Site Goes Live On Vercel 22:43 - What's Next Learn how to build websites with Claude AI using design skills, Relume site maps, Higgsfield image generation, mobile optimisation, human sounding copy and an SEO strategy that helps your site rank and convert. #Claude #ClaudeAI #WebDesign #AIWebsites #Relume #Higgsfield