7 Levels of Claude Code Websites
The same winery website, built 7 times in Claude Code. Each level adds one skill, from AI slop to a scroll film and a site that feels premium.
What this covers
You’ll build one website seven times, and watch it get better each time. You don’t need to code.
The business is Boise Vineyards, a made-up winery. Each level adds one skill. You see exactly what each skill changes.
What you need
- Claude Pro. I used Claude Code.
- ChatGPT for the logo and the photos.
- A Higgsfield account for the scroll film. Get one here (my affiliate link).
- The 7 skills. They’re free in my free Skool community.
Bonus Level 0: The logo
Make the logo in ChatGPT. My first tries were bad. A new chat and a clearer prompt fixed it.
Split it up. Ask for the crest alone, the name alone, and the two side by side. A big stacked logo looks bad in a website header.
Run /logo-files. One prompt makes every file a website needs from your logo.
Level 1: One prompt, no skills
Write the best prompt you can. Give it your photos, your words and your logo. It looks nice, but it looks like every other AI site.
Level 2: The brand deck
Run /brand-deck on your logo. You get colors, fonts and rules. Then Claude restyles the site with them.
Level 3: Anti-slop
Run /anti-slop. It finds the small things that make a site look AI-made, and fixes them.
Level 4: Inspiration
Find sites you love. I used four winery sites, plus one section from my own gym site.
Run /inspo on them. Claude reads what makes each one work and rebuilds your page around it. It keeps your brand, words and photos.
Level 5: The logo intro
Run /logo-animator. Your logo draws in for two seconds on the first visit, then opens onto the site.
Level 6: The scroll film
Make the frames in ChatGPT for free. Then make the clips with Kling 4.0 in Higgsfield.
Check before you spend. Run /path-check on the frames first. It shows every step of the walk, so you see the holes before you pay.
Trim instead of redoing. Two clips broke. The room stretched and a bottle floated. Trimming the clips saved both.
Run /scroll-hero. The film plays as you scroll.
Level 7: The payoff
Add the small things. A clear header over the film, soft button moves, photos that rise in as you scroll, a styled map and a richer footer.
Borrow a nav bar. Find one you love, give Claude a picture and the link, and ask for it in your brand.
Get the prompts and skills
The prompt pack has every prompt from all 8 levels, word for word. The 7 skills are there too. Join the free AI Builds community to get them.
Boise Vineyards is a made-up winery. The photos, the people and the film were made with AI.