Skip to main content
This is the fun part. You’ll describe what you want, and Gemini CLI will build it for you. No coding required — just clear descriptions.

​
The Vibe Coding Loop

Every step follows the same pattern: You describe. Gemini CLI builds. You review. Repeat until it’s right, then move on.
1

Create a project folder

  1. Open File Explorer
  2. Go to your Documents folder
  3. Right-click in an empty space → New → Folder
  4. Name it my-website
Name it something simple like my-website. Use lowercase letters with no spaces — this will become part of your website URL later.
2

Open terminal in your project folder

Open your my-website folder in File Explorer. Click the address bar at the top, type powershell, and press Enter.
3

Start Gemini CLI

In your terminal, type:
gemini
Press Enter. You should see Gemini CLI start up with a prompt ready for your input.
4

Describe your website

Pick the style that appeals to you and copy the entire prompt into Gemini CLI. Replace [Your Name] and [your field] with your real information before pasting!
Copy this prompt — Simple personal website
Create a simple personal website for me. My name is [Your Name].
I want a clean, modern design with:
- A hero section with my name and a short tagline
- An "About Me" section where I can introduce myself
- A "Contact" section with links to my email and LinkedIn
Use a single index.html file with inline CSS. Make it responsive
so it looks good on both desktop and mobile phones.
Use a professional color scheme. Make it look polished and modern.
Remember to replace [Your Name] and [your field] with your actual information before pasting the prompt!
Don’t like the result? Just tell Gemini what to change — see Step 6 for ready-to-copy follow-up prompts.
5

Preview your website

Ask Gemini CLI to help you preview your website:
Copy this prompt to preview your website
Can you help me open this website in my browser so I can preview it?
Please start a local server or just open the index.html file directly.
Or do it yourself: find index.html in your my-website folder and double-click it. It will open in your browser.
Your website is only on your computer right now — not on the internet yet. We’ll publish it in the next section.
6

Iterate and improve

Not happy with the result? That’s normal — and that’s the whole point of vibe coding! Copy any of these follow-up prompts into Gemini CLI:
Change colors
Change the color scheme to blue and white. Keep the overall layout the same.
Add a photo
Add a profile photo section with a round border at the top of the page.
Use a placeholder image for now.
Add navigation
Add a sticky navigation bar at the top with links to each section
of the page. It should stay visible when I scroll down.
Add dark mode
Add a dark mode toggle button in the top-right corner. When clicked,
it should switch the entire website between light and dark themes.
Save the user's preference so it persists when they refresh the page.
The vibe coding loop: describe → review → refine. Keep going until you love it! You can send as many prompts to Gemini CLI as you want — there’s no limit on iterations.

​
Troubleshooting

Make sure you’re opening the index.html file, not a folder. If the file is empty, ask Gemini CLI: “The index.html file appears to be empty. Can you check and regenerate it?”
Ask Gemini CLI to fix it:
The layout looks broken — things are overlapping or not aligned properly.
Can you fix the CSS so everything displays correctly?
Tell Gemini CLI:
I want to start completely fresh. Delete the current files and create
a new website from scratch. [Then describe what you want]
Happy with your website? Head to Deploy your website to put it on the internet for free!