A personal website you build by chatting with an AI.
You're looking at the template, unchanged. No coding required — just a willingness to describe what you want.
You'll team up with an AI coding agent like Claude Code or Codex. You say things like "make the homepage about me" or "change the colours to green"; it does the typing.
1. Get set up
Two one-time things. No terminal commands required from you — your agent will run any commands it needs in the next steps, and ask permission as it goes.
Create your copy on GitHub
One click — GitHub makes you a brand-new repo from this template, owned by you, with a clean history. Pick a name and whether it's public or private.
Install Claude Code or Codex
Pick whichever you prefer — either will work for editing this site. Their setup pages walk you through it; no prior experience needed.
2. Open the agent
You need the agent running on your own computer — that's what lets it preview the site for you in the next step.
Open your Mac/Windows Terminal app (the
black-and-white text window — it's pre-installed; just search for
"Terminal" in Spotlight / Start menu). Then type claude
(or codex, depending which one you installed) and hit
Enter. The chat opens right there in the terminal
window.
Once the chat is open, paste the link to your GitHub repo (the page you made in step 1) and ask the agent to set the project up. Something like:
Please get this repo set up on my computer:
https://github.com/your-username/your-repo When the agent asks permission to install things or run commands, say yes — that's how it does the work.
3. Preview your site
Now you want a live preview running on your laptop so you can actually see your changes. Ask the agent:
Please tell me what I need to install, install anything missing,
and start the preview so I can see the site.
The agent will check what's already on your computer, walk you
through installing Node.js and pnpm
if they're missing, and then run pnpm install followed
by pnpm dev. It'll print a link that looks like
http://localhost:4321.
Open that link in your browser. You're now looking at your copy of the site, running on your own computer — invisible to the rest of the internet for now. Keep this tab open as you go: every time the agent edits the site, the preview refreshes automatically.
4. Make it yours
Now tell the agent what you want — content, colours, layout, vibe, sites you love, fonts, photos, inspiration. Be vague or be specific. "Make it feel like a 1970s science magazine" works just as well as "primary colour #ff6b35, two columns, my GitHub at the top". The agent will ask follow-up questions where it needs to.
If you'd like a starting point, this kind of first message works well:
Hi! I'd like to turn this template into my personal website.
My name is Your Name.
My email is you@example.com.
My GitHub is your-username.
Please fill in all the placeholders for me, and write a short
homepage introducing me as a few words about you. From there, just keep chatting. "Add a page about my cat." "Use a warmer colour palette." "Add a list of my favourite books." If you don't like something the agent did, say so — it can undo and try again.
5. Put it on the internet
GitHub will host your site for free. The setup takes about two
minutes and is a few clicks in the GitHub website — the
publishing page walks
through it step by step, including how to use a custom domain like
yourname.com if you have one.