Skip to main content
Congratulations — you built and deployed your own website without writing a single line of code! Let’s look at what you achieved, how to keep improving, and where to go next.

​
What You Built

A personal website that:
  • Was designed by you and built by AI — using your voice or keyboard
  • Is live on the internet for anyone to visit
  • Can be updated anytime with a single spoken or typed prompt
  • Cost you absolutely nothing

​
What You Learned

The skill that matters most isn’t coding — it’s communication. You learned to describe what you want clearly, review the result, and iterate until it’s right. Whether you spoke your prompts or typed them, the core skill is the same — and it works with any AI tool, in any field.
Here’s what you practised:
  • Using the terminal — running commands and navigating folders
  • Talking to AI — speaking or writing clear prompts that get the result you want
  • Iterating — refining your website step by step
  • Using git and GitHub — storing code and deploying a website
  • Problem solving — describing issues and letting AI help fix them

​
How to Update Your Website

Whenever you want to make changes to your website:
1

Open your terminal in the project folder

Navigate to your my-website folder and open a terminal there (just like you did before).
2

Start Gemini CLI

3

Describe what you want to change

Say or type what you want to update — just like you did when building.
4

Push your changes

Say this or copy this prompt

​
Ideas to Try

Add a blog

Create a blog section with posts you can update over time.

Custom domain

Use your own domain name (like yourname.com) instead of github.io.

Animations

Add scroll animations and transitions to make your site feel alive.

Dark mode

Let visitors switch between light and dark themes.
Here are ready-to-use prompts for each idea — say them or copy them into Gemini CLI:
Say this or copy this prompt
Say this or copy this prompt
Say this or copy this prompt
Say this or copy this prompt

​
Supercharge Your AI: Agent Skills

Think of skills as superpowers you can install to make Gemini CLI even smarter at specific tasks.
Skills are based on the open Agent Skills standard. Gemini automatically detects when a skill is relevant and activates it.

​
How Skills Work

​
Installing Skills

1

Browse available skills

Say this or copy this prompt
2

Install a skill from a Git repository

Say this or copy this prompt
3

Install a skill from a local directory

Say this or copy this prompt

​
Try It: Install the Frontend Design Skill

Now let’s install a real skill that will make a noticeable difference in your projects. The frontend-design skill teaches Gemini CLI to create distinctive, polished web interfaces instead of generic-looking output. It comes from Anthropic’s open-source skills library.
1

Install the frontend-design skill

Run this command in your terminal:
2

Try it out on your website

Now ask Gemini to redesign your personal website using its new skill:
Say this or copy this prompt
The frontend-design skill focuses on typography choices, color themes, motion and animation, spatial composition, and backgrounds — guiding Gemini to produce designs that feel intentional and crafted rather than template-driven.
Behind the scenes, the skill provides Gemini with design guidelines including:
  • Typography — Use distinctive font pairings instead of defaults; vary weight, size, and spacing for visual hierarchy
  • Color — Build cohesive color themes with purposeful contrast and accent colors, not generic palettes
  • Motion & animation — Add subtle transitions and micro-interactions that feel natural and enhance usability
  • Spatial composition — Use asymmetric layouts, intentional whitespace, and layered depth instead of rigid grids
  • Backgrounds & texture — Incorporate gradients, patterns, or subtle textures to add richness and depth
These guidelines activate automatically whenever Gemini detects a frontend task.
This skill comes from Anthropic’s open-source Agent Skills repository and follows the Agent Skills open standard. You can browse the repository for more skills or even create your own!

​
Managing Skills

In-session commands: While chatting with Gemini CLI, you can type /skills list to see all available skills, /skills enable <name> to enable one, or /skills disable <name> to turn one off.

​
Key Concepts

Workspace Skills

.gemini/skills/ — shared with your team via git

User Skills

~/.gemini/skills/ — personal skills across all projects

Extension Skills

Bundled with installed extensions
Skills are like apps for your AI. The more relevant skills you install, the smarter Gemini CLI becomes for your specific needs. Explore agentskills.io for community-shared skills.

​
Reflect

Take a few minutes to think about your experience:
Many people are surprised by how much can be accomplished just by describing what they want clearly — whether spoken or typed. Was there a moment where Gemini CLI’s output exceeded your expectations? What about a moment where you had to refine your prompt?
If you tried Wispr Flow, did speaking your prompts feel different from typing them? Many people find that speaking produces more natural, detailed descriptions — which often leads to better results from AI. Think about where else voice input could speed up your workflow.
Think about your job or job search. Could you use a personal website as an online portfolio? Could you automate parts of your workflow with AI tools? What other projects could you build?
Now that you know the workflow — describe, build, review, iterate — what else could you create? A portfolio for your work? A website for a small business? A tool that helps with your daily tasks?

​
Resources

Thank you for completing this tutorial! You’ve gone from zero to a live personal website — and more importantly, you’ve learned how to work with AI to build real things, using your voice or keyboard. Take these skills with you into your next project.