The first-website skill: describe a site, watch it get built
TL;DR
The first-website skill turns a plain-English description into a real webpage file you can open in a browser. Install it with three lines, type /first-website, and answer its questions with real specifics. Five to ten rounds of saying what bugs you gets a page you'd actually send someone.
You describe a website in normal words and the first-website skill builds it. No code, no accounts, nothing to sign up for. One file lands on your computer, you open it in a browser, and it looks like something you'd send to a person.
Here's the part that kills most first attempts. You ask for a website for your dog walking business, you get a generic template with a stock photo of a handshake, and nothing about it feels like yours. So you close the tab. This skill refuses to build from one vague line. It pulls your idea into four specifics first: who lands on the page, the one action you want them to take, three words for how it should feel, and what must and must not be on it.
It's one of the 55 free skills in our public repo, and it's the one we point people at on night one. It runs the loop with you. You look, you say what bugs you, it changes that one thing, you look again.
Describe a page in plain words, get one file you can open in a browser.
Install the first-website skill
A skill is a folder with instructions inside it. Claude Code reads that folder when you type the matching slash command. Three lines in your terminal and it's yours.
bashgit clone https://github.com/duncan-buildroom/freeskills.git
mkdir -p ~/.claude/skills
cp -r freeskills/first-website ~/.claude/skills/Restart Claude Code, or just open a new session. That's the whole install. No API keys, no config.
Run it the first time
Type /first-website. It won't start building yet. It asks about the site first, in plain questions, never more than three at once. Answer them roughly. Then it writes one file to your computer and opens it in your browser.
Version one will be wrong, on purpose. Reacting to something real is far easier than describing a page from nothing. So it asks you one question: what's the first thing that bugs you? You name one thing, it fixes that one thing, you look again. A good first result is a page you'd text to a friend, not a page you'd frame.
Get a one-page site for what you do
Hand it the specifics up front and you skip half the questions.
/first-website
I want a one-page site for [what you do, e.g. mobile bike repair in Portland].
The visitor is [who lands on it, and what they're worried about].
The one action is [text me, book a slot, email me].
It should feel [three words].
Must include: [your name, prices, phone number, the area you cover].
Must not include: [stock photos, contact forms, anything you hate seeing].Fix what bugs you without touching the file
Describe the symptom, not the fix. That's the whole trick, and it's the same move on every build after this one.
The [headline / button / top section] [what's wrong with it in normal words, like 'is too small on my phone' or 'feels like a corporate brochure']. Change just that and show me again.Lock in a version you like
Do this every couple of rounds so a bad idea can never cost you the good version.
This one is good. Commit it as a checkpoint so I can always get back to exactly this.The 60-second version
Here's what this skill actually does and why it matters, in 60 seconds, in case you'd rather say it out loud than read it.
- 1Hook: there's a brand new free Claude skill that takes you from I've never built a website to a real page open in your browser tonight.
- 2Mechanism: you tell it about the site you want in plain words, and it pulls that into specifics: who lands on the page, the one thing you want them to do, and how it should feel. Then it writes the whole page and opens it in your browser, you say the first thing that bugs you, and it fixes that one thing while you watch.
- 3Transformation: you stop being someone who's going to build a site one day. You've got a file you can open, change, and send, and you learned the loop that builds everything after it.
- 4Close: that page costs you nothing, and neither do the other 54 skills in the repo. What you build after your first one is the part we run inside Claude Code Club. $9 a month, link's below.
Tonight: run it once and stop at a page you'd send to one person. Perfect isn't coming tonight, and it doesn't need to.
Common questions
Do I need to know how to code?
No. You describe what you want in normal words and Claude writes the file. The skill asks you for the symptom, like 'the button doesn't look clickable', never for the fix.
Is it really free?
Yes. The skill is a public folder on GitHub. It needs no API keys and no paid account, and the page it builds is one file sitting on your computer.
What if I make it worse?
Type /rewind, or hit Esc twice on an empty input box, and the change goes back. The skill also offers to save checkpoints every few rounds so you can return to a version you liked.
What if I don't know what my site should say?
Give it one line and let it build something anyway. Reacting to a rough first version is easier than briefing a blank page, and the skill is built to work that way.
How do I get it on a real web address?
This skill stops at a file on your computer and hands you to the deploy-it skill in the same repo, which puts it on a public URL for free.
Keep going
Want the whole build-and-ship path?
Get 650+ plug-and-play skills, MCPs & prompts, plus 7,000+ members - $9/mo, cancel anytime.
Join the Club