Build Something Real

Ship a Website in 15 Minutes HalperBot

No templates. No drag-and-drop. Just you, AI, and a live site by the end of this exercise.

Make sure you're already signed into the Google account (email) that you'll use to sign up for integration tools.

Build It in 15 Minutes

01
Set Up Your Project

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.

Download starter kit (zip) ↓
02
Find Your Design Inspiration

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.

03
Plan With AI

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.

Need help briefing AI? Use the Site Brief Generator below to create your project plan.

04
Build the Homepage

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.

05
Push It to the Web!

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!

Site Brief Generator

Don't stare at a blank chat window. Fill this out and get a complete project brief you can paste directly into Claude. This is your Step 3 shortcut.

Portfolio, business landing page, personal brand, side project, resume site...

Who will visit this site? What do you want them to do?

Pick a layout style and list your pages.

Pick words that describe the look and feel you want.

Special sections, integrations, must-haves, inspiration links...

Color & Style Picker

Not sure what colors to use? Pick a mood and get a palette + CSS variables + font pairing you can paste straight into your project.

06
Want to Be a Script-Legend?

Go to 21s.dev and copy and paste a cool component to add to your website. Show us what you did!

07
Retrospect, Repeat, Deploy

Remember, we learn by doing! Review what you built, iterate on the design, and deploy again. Ask questions at any time.

Level Up Your Site

You shipped v1. Now make it great. Pick a category, grab a prompt, paste it into Claude. Each one adds a real feature to your site.