build a high-converting landing page with claude code
most "build a site with AI" guides give you a page that looks fine but doesn't sell. this free kit is different: Claude Code builds your page on real conversion knowledge, then deploys it live on your own domain.
free, takes about an hour
i built my own agency site, boldane.com, with this exact kit. it already closed a real B2B deal for me. this is the same process, in your hands.
what makes it convert
under the hood, the kit carries a distilled playbook from Alex Hormozi and the world's best marketers. Claude reads it before it builds, so your page follows what actually sells.
the headline sells the benefit
it leads with the result your buyer wants, not a list of what you do. the first screen carries the whole pitch.
proof comes early, and often
real testimonials, numbers, and names sit above the ask. people believe proof, not promises.
the value equation
every section is engineered to raise the dream outcome and belief, and lower the time and effort it takes to get there.
doubt removed at the CTA
a reassurance or risk reversal sits right next to the button, so the last hesitation disappears.
premium means restraint
no AI-slop look, no flashy tricks. a deliberate type pairing, one accent color, and room to breathe read as expensive.
built for the phone
most visitors arrive on mobile, so the page is designed for that screen on purpose, not as an afterthought.
the full playbook and its source material live in the knowledge base inside the kit, so you can see exactly what shapes your page.
setup guide
steps 1 to 6 are one-time setup. steps 7 to 9 are how Claude builds and ships your page.
VS Code is a free app from Microsoft. it's the window where you'll run everything. think of it like Word, but for projects.
- go to code.visualstudio.com and click Download
- open the downloaded file and install it like any other app
Node.js is a small program that runs in the background. you install it once and forget about it.
- go to nodejs.org and click the big green LTS button
- open the downloaded file and install it, clicking "Next" / "Continue" through everything
Claude Code is the AI that actually builds your page. you'll install it once from inside VS Code.
- in VS Code, open the terminal: Terminal, then New Terminal
- type this and press Enter:
npm install -g @anthropic-ai/claude-codeon Mac, if it mentions permissions, put sudo in front and run it again. Claude Code needs a Claude subscription (from about $20/mo, cancel anytime).
these two free accounts are what put your site on the internet later. just sign up for now.
- github.com (stores your code online)
- vercel.com (puts your site live). sign up with your GitHub account to make the next steps easier
the kit is free and lives on GitHub.
- go to github.com/melnikoff-oleg/high-converting-website
- click the green <> Code button, then Download ZIP
- find the ZIP (usually in Downloads) and double-click it to unzip. you should get a folder called high-converting-website-main. move it somewhere easy to find, like your Desktop
- in VS Code, click File, then Open Folder..., and choose the high-converting-website-main folder
- open the terminal again (Terminal, then New Terminal), type this, and press Enter:
claudethe first time, it'll ask you to sign in. follow the link it shows. once you see the Claude prompt, you're in.
this is the part that does all the work. type:
/startClaude takes over from here and walks you through everything:
- it learns your business (paste a file, give it a link to your current site or LinkedIn, or just answer its questions)
- it builds your page section by section, following the conversion playbook bundled in the kit, not just making it pretty
- it shows you a live preview at localhost:3000
the most important part is the first one: a great-looking page that says the wrong thing won't sell, so take your time telling Claude about your business.
open your browser at localhost:3000 to see your page. only you can see it for now. tell Claude what to change in your own words:
Claude edits it live. repeat until you love it.
when you're happy, tell Claude you're ready to deploy. it runs the /deploy steps and walks you through each click:
- saving your code to GitHub
- putting it live on Vercel (you get a free address in about a minute)
- connecting your own domain, like yourbusiness.com. the secure padlock (HTTPS) is set up automatically
want to change the site later? open the folder, run claude, ask for the change, and Vercel updates your live site in under a minute.
if you get stuck
the things that actually go wrong, taken from the questions people ask under the video.
the terminal says “command not found: claude”
installing the Claude Code extension in VS Code does not give you the claude terminal command. the extension keeps a private copy for its own chat panel. that catches almost everyone, and it is not a broken setup.
to get the command, install Claude Code itself:
# macOS or Linux curl -fsSL https://claude.ai/install.sh | bash # Windows PowerShell irm https://claude.ai/install.ps1 | iex
then close the terminal window completely and open a new one. skipping that is the second most common reason it still says not found. check it worked with claude --version.
still not found on a Mac? your PATH is missing the folder, so run these two lines:
echo 'export PATH="$HOME/.local/bin:$PATH"' >> ~/.zshrc source ~/.zshrc
claude doctor prints a full health report if you are still stuck. and if you would rather never touch a terminal, the Claude Code desktop app does the same job with buttons.
one thing worth knowing before you install anything: Claude Code needs a paid Claude plan (Pro or higher) or an API account. the free claude.ai plan does not include it, so it can install perfectly and still refuse to sign you in.
what does this actually cost to run?
Claude Code comes with a Claude subscription: Pro at $20/month, Max at $100 or $200/month. usage is included, there is no per-run charge. the free plan does not include Claude Code at all.
inside Claude Code, /status tells you whether you are on a subscription or an API key, and /usage shows how close you are to your plan limit.
prices and free tiers move. these were checked in August 2026.
is "--dangerously-skip-permissions" safe?
it does exactly what the name says: it turns off the ask-before-acting prompt, so Claude can edit files and run commands on your machine without checking with you each time. that is why it is fast, and that is the whole risk.
the honest version: in a project folder like this one, where you know what is inside and nothing valuable is nearby, it is a reasonable trade. pointed at your whole home folder, or at a repo you have not read, it is not.
the safer default is to drop the flag. claude "/prime" does the same work and asks first. you approve a few things at the start, then it stops asking about the same kinds of actions.