7 Techniques That Make Claude Code Websites Look $10,000

📌 UPDATE: Antigravity 2.0 removed extensions including Claude Code. Use VS Code instead — everything in this video still applies (it's identical to Antigravity): https://code.visualstudio.com/ 🌍 COMMUNITY https://www.skool.com/automatable/about 📝 FREE BLUEPRINT https://www.skool.com/automatable-free/classroom/6ca29126?md=d7f177a50e414aae8af763fb29892979 Find every single one of my free YouTube blueprints (including these above) here: https://www.skool.com/automatable-free/about 📚 SUMMARY Every AI-built website looks the same. Same boring layout, same gradients, same stock components. In this video, I walk you through 8 techniques that make Claude Code websites look like a professional designer built them. Nobody will guess they were made with AI. ⌛ TIMESTAMPS 0:00 - Intro 0:36 - Setting the Right Instructions 1:10 - Finding Inspiration (Dribbble + Cloning) 3:19 - Crafting Better Prompts (Tailwind + ShadCN) 4:53 - Designing Backgrounds 5:56 - Adding Animations (GSAP + Framer Motion) 8:29 - Creating 3D Elements (Three.js + Spline) 13:57 - Improving Typography (Google Fonts) 16:02 - Editing with Screenshots 17:15 - Conclusion 📣 SOCIAL MEDIA • Instagram → https://instagram.com/jono_catliff • TikTok → https://www.tiktok.com/@jonocatliff • LinkedIn → https://www.linkedin.com/in/jonocatliff/ • X → https://twitter.com/@jonocatliff 📺 RELATED VIDEOS • Full crash course on Make.com → https://youtu.be/hinLebdX8aM • Full crash course on n8n →https://youtu.be/AURnISajubk • 11 Favourite Make.com automations → https://youtu.be/dIH1F1WlE84 • 12 Favourite n8n automations → https://youtu.be/uQGT2K26W84 🎯 1:1 CONSULTING Book a time → https://jonocatliff.com/consultation 🚀 AUTOMATION AGENCY Get help with your business → https://www.automatable.co 🔗 LINKS (some of these make me money - thanks in advance!) • n8n → https://jonocatliff.com/n8n • Make.com → https://jonocatliff.com/make • Go High Level → https://jonocatliff.com/gohighlevel • Apify → https://jonocatliff.com