Build a complete, professional website with AI and Fable 5.1, simply by describing what you want. In this step-by-step tutorial I use Claude Chat, Claude Design, Claude Code and Fable 5.1 to go from an idea to a beautiful, fully working website that is live on the internet.
Get 10% off your web hosting plan and a free domain: Hostinger (use coupon code FERDY at checkout).
What you will learn
- Create your website prompt and define your style with Claude Design
- Generate images with AI (Higgsfield is optional)
- Build portfolio and project pages and refine any page
- Make the website responsive
- Publish it on a custom domain and optimize the URL structure
- Connect Google Analytics and Google Search Console
- Add cookie consent and legal pages
- Create a contact form that generates real leads
- Add new team members, projects and content with a few images and some information
Chapters
- 00:00 Intro
- 01:21 Create your Claude account
- 06:04 Set up Higgsfield AI (optional)
- 08:50 Create your website prompt with Claude
- 11:13 Define your website style with Claude Design
- 17:57 Create your website with Claude Design
- 24:06 Improve and refine your website
- 28:04 Move your website to Claude Code
- 29:33 Create the rest of your website pages
- 30:48 Create a project page template
- 32:33 Refine and customize any page
- 39:48 Publish your website online
- 45:50 Optimize your URL structure
- 47:44 Add new team members with AI
- 48:52 Set up Google Analytics
- 51:28 Set up Google Search Console
- 53:24 Add new content and projects with AI
- 56:43 Improve your contact form
- 1:00:02 Make your website legally compliant
By the end of this tutorial you know how to create professional AI-powered websites for yourself, or even start building websites for clients.
