Personal Website Builder
Let's fully build and deploy your first website! We're going to learn with AI how to bring anything you want to life.
Make sure you're already signed into the Google account (email) that you'll use to sign up for integration tools.
Build It in 30 Minutes
Create a new folder to work from and open it in Antigravity. Create an index.html and a claude.md — the brain of your project. Download the starter kit below to get both files.
Go to Godly.Website and find a template you like as inspiration for your personal website. Need space to sketch? Open the Whiteboard in a new window to drop your ideas.
Tell AI you have an example website you downloaded and will use as the framework. Share why this website matters to you and give it details. Choose landing page style (1 long page) or multi-page. Put AI in Plan Mode and tell it to build page by page: homepage, about, work/skills/offerings, and contact. AI will prompt you for each section.
Work with AI to build out the homepage. If AI asks to start building for the web, tell it to hold off until you're completely satisfied with your first draft. Tell Claude to produce a screenshot of your site so you can see changes visually before you've learned to deploy.
Time to go live! You'll sign up for a few free services to deploy your site (like Netlify, GitHub, Supabase). Don't worry about mastering these — think of them as tools you'll learn more about later. Authenticate with your Google email address!
Go to 21s.dev and copy and paste a cool component to add to your website. Show us what you did!
Remember, we learn by doing! Review what you built, iterate on the design, and deploy again. Ask questions at any time.
