Level 1: Your First Webpage
Build your first website by working with AI - no memorization required!
1
2
3
🎯 Step 1: Ask Your AI
What to do:
Open your AI assistant and ask it to help
Copy this prompt and paste it into your Terminal:
Open your Terminal/Command Prompt where you installed the AI CLI agent (Claude Code or Codex), then paste this:
Create a simple personal webpage with my name and a colorful background
Your AI will write the HTML code for you. Just copy what it gives you!
💡 Pro Tip: Think of AI like having a professional web developer as your personal assistant. You describe what you want, and they write the code.
How Claude Code Works - You Get 2 Options!
Your AI CLI agent gives you TWO ways to preview:
📋Option 1: Copy the Code - Claude writes HTML code you can copy and paste into the "Paste Code" tab. We'll show you a preview AND check your code quality!
🔗Option 2: Use the Link - Claude often creates a localhost server (like http://localhost:3000). Copy that link and paste it into the "Use Link" tab to preview instantly!
Here's the workflow:
- 1.Open your Terminal/Command Prompt app
- 2.Make sure your AI CLI agent (Claude Code or Codex) is running
- 3.Copy the prompt above and paste it into Terminal
- 4.Claude will either give you code to copy OR a localhost link
- 5.Paste it in the right tab → and see your preview!
💡 Got HTML code from Claude? Paste it below to preview AND get a quality score!