How Do You Build Multi-Page Client Websites with Claude Code and Relume?

TL;DR

Build sellable multi-page websites by researching successful niche sites, defining the visitor’s needs, and creating a complete site map and wireframes in Relume before moving the structure into Claude Code. The workflow uses five visitor-focused questions and typically produces five to seven pages instead of a disconnected single-page design. Read on for the exact research, planning, and export process.

Transcript

You can now build beautiful and responsive websites with clawed code. But the reality is that 99% of them are just flashy front ends that nobody is buying. And having sold websites for thousands of dollars, in this video, I'm going to show you the correct way to build multi-page websites with wireframes that are beautiful, responsive, and don't loo... Read More

Key Insights

• Most AI-built websites fail because they are flashy front ends with no structure or purpose. They are compared to a Ferrari with no engine: very flashy, but not going to get you where you want to go because they do not connect to anything.
• The core principle is substance first, then style. Before designing, you must understand what the website should do, who the customer is, and what the various pages need to be, then leverage Claude Code to build the structure.
• Choosing a niche with high profit margins and a real problem matters more than a sexy market. The example used is driveway cleaning, an unsexy but high-margin service serving homeowners with stained, dirty, or winter-damaged driveways.
• Firecrawl is used for niche research and can be started for free at firecrol.dev/app. Via its MCP, Claude finds the top five performing websites in a niche, assessed by signals like Google reviews, Trustpilot reviews, and SEO rankings.
• Five questions must be answered before building: who the website is for (the visitor, not the business), the one action you want them to take, what objections the visitor has, what the vibe is, and whether existing brand assets exist.
• The common mistake everyone makes is jumping straight into building a single-page website. Instead you should build a full wireframe so visitors get a contact page, services page, and everything they need, not just a landing page.
• Relume structures websites through a site map, wireframes, and a style guide, letting you define sections like navbar, hero, and feature sections rather than letting AI decide unilaterally. It is not for hosting but for exporting to Claude Code, Figma, or Webflow.
• Claude can be chatted with back and forth because it retains all the research insights. Asked how many pages the site needs, it recommends five to seven pages, and elements like the CTA can be dragged and repositioned within the site map.

Questions & Answers

Q: How do you build multi-page client websites with Claude Code and Relume?

Start by researching what works in the chosen niche, then answer five questions about the visitor, desired action, objections, vibe, and existing brand assets. Build the site map and wireframes in Relume, refine sections and calls to action, and export the resulting structure to Claude Code.

Q: Why do most AI-built websites fail?

They may look polished and responsive, but they often lack structure, purpose, and meaningful connections. Jack Roberts compares such a site to a Ferrari with no engine: flashy, but unable to get the visitor where they need to go.

Q: Why should you create wireframes before using Claude Code?

Wireframes define what the website should do, how its pages fit together, and what visitors need before visual styling begins. This substance-first approach gives Claude Code a purposeful structure instead of asking it to produce a design for its own sake.

Q: How do you research successful niche websites with Firecrawl?

Use the Firecrawl MCP inside anti-gravity and ask Claude to find five top-performing websites in a specific niche and region, such as driveway cleaning in Ontario. The prompt can assess performance through signals such as Google reviews and SEO rankings, then return brief answers to the five planning questions.

Q: What five questions should you answer before designing a website?

Identify who the website is for, focusing on the visitor rather than the business, and choose the one action that visitor should take. Then define the visitor’s objections, the intended vibe, and any existing brand assets that should be incorporated.

Q: What niche does Jack Roberts use to demonstrate the workflow?

He uses driveway cleaning as the example of an unsexy niche with high profit margins and a concrete customer problem. The researched audience includes Ontario homeowners dealing with dirty, stained, or winter-damaged driveways.

Q: What does Relume do in the website-building workflow?

Relume turns the research into a site map, wireframes, and a style guide. It lets the builder organize elements such as the navbar, hero, feature sections, and calls to action before exporting the work to Claude Code, Figma, or Webflow.

Q: How many pages should the client website have?

Claude recommends five to seven pages for the driveway-cleaning example after considering the earlier research. The goal is a complete website with pages such as services and contact, rather than defaulting to a single landing page.

Summary & Key Takeaways

• AI tools let anyone build beautiful, responsive websites with Claude Code, but 99% are flashy front ends nobody buys because they lack structure and purpose. The presenter, Jack Roberts, who built and sold a startup with over 60,000 customers, argues wireframes are what make sites clients pay thousands for.

• Building sellable websites takes three steps. First, pick a high-margin niche with a real problem, such as driveway cleaning. Use Firecrawl's MCP inside anti-gravity to research the top five performing sites in a region like Ontario, assessed by Google and Trustpilot reviews and SEO rankings.

• Before designing, answer five questions about the visitor, their desired action, objections, vibe, and brand assets. Then build a site map and wireframes in Relume, edit sections and CTAs, ask Claude how many pages are needed (five to seven), and export the structure to Claude Code.