Caleigh — Lesson 3: Build Your First Real Thing 🏗️

✦ Let's Go

You're about to build something real 👀

Last lesson you learned how to write strong prompts. Now we're using them for real. You're going to tell Claude exactly what to build, and it's going to give you a full webpage — with colors, layout, sections, everything.

💡 The most important thing to know: you don't have to understand the code. Claude handles that. You handle the vision. That's the whole point of vibe coding.

What we're building today: your personal brand page. A one-page site that's all about you — your vibe, your interests, maybe what you're building. Something you can actually share.

✦ How It Works

Step by Step 📋

Go to claude.ai

Open Claude in your browser. Log in (free account). You'll see a simple chat interface.

Paste your prompt

Use the custom prompt generator below to build your perfect prompt. Then paste it into Claude.

Watch it build

Claude will generate HTML code. On the right side you'll see a live preview of your actual page!

Iterate until it's yours

Tell Claude what to tweak — "make the font bigger", "change to dark mode", "add a section about my hobbies". Keep going until it feels like YOU.

✦ Prompt Template

Here's What a Strong Prompt Looks Like 📝

This is an example — use the builder below to make your own version with your actual details:

"Build me a personal brand page. My name is [Caleigh]. I'm [13] and I love [art, music, and making stuff]. I want to eventually [sell my art online]. Use a [purple and black] color scheme, modern fonts, and add a section with my interests and a contact section. Make it look professional but also show my personality."

✦ Prompt Builder

Generate YOUR Custom Prompt ⚡

Fill this in and I'll build a prompt you can paste directly into Claude:

Your name

Your age

Your hobbies / interests

Your future goal

Favorite colors

Vibe / style

✦ After You Build

What Did You Create? 🎨

Come back after trying it in Claude. What did your page look like? What did you change? What surprised you?

✦ Lesson Recap

What You Did Today 🏁

🏗️You used Claude to build a real webpage from a single prompt. That's vibe coding in action.

🔄Iterating = telling Claude to change things. Each round makes it more yours.

💼People pay $300–$1,500+ to have someone build pages like this. You just did it for free.

🚀This is your foundation — in Lesson 4, we turn this into a product someone would actually pay for.

Up Next · Lesson 4

Your Idea → A Real Product 💡

We take what you built and turn it into something with a price tag. For real.

→

Build Your FirstReal Thing 🏗️🔥