Build a landing page or website with AI

The steps

Recommended tools link to their Agentdex pages. These are starting points, not rankings: pick what you already pay for.

1. 1

   Plan

   One clear promise, who it is for, and one call to action.

   Use Claude Code. Good writing partner for tightening copy before you build anything.

   Or try: Gemini CLI, Cursor

   Help me write landing page copy. Ask who it is for and what they get. Then give me a headline, a subhead, 3 benefit bullets and one call to action. Plain English, no buzzwords.

2. 2

   Design

   A page you can see and tweak.

   Use v0. Turns a prompt into a working page fast, so you can iterate visually.

   Or try: Lovable, Bolt

   Build a single landing page from this copy: hero, 3 benefits, social proof placeholder, signup form, footer. Mobile first, accessible colour contrast.

3. 3

   Build

   Clean code in your own repo, with real forms and analytics.

   Use Cursor. Lets you take the generated page and own the code.

   Or try: Windsurf, Zed

   Clean up this page: semantic HTML, alt text, a working form that posts to my endpoint, and meta, OG and canonical tags.

4. 4

   Test

   Fast, accessible and correct on mobile.

   Use Chrome DevTools. Lighthouse in DevTools checks performance, accessibility and SEO basics.

   Or try: Playwright, Claude Code

   Here is my Lighthouse report. List the fixes in order of impact and make the code changes for the top 5.

5. 5

   Deploy

   Live on your domain.

   Use Cloudflare Pages. Free tier for static sites, with custom domains and preview deploys.

   Or try: Netlify

   Give me the steps to deploy this static site and connect a custom domain, including the DNS records to add.

6. 6

   Maintain

   Track visits and keep content fresh.

   Use Plausible. A privacy-friendly analytics tool, if you want something lighter than the big suites.

   Or try: GitHub Copilot

   Look at this page and suggest 3 A/B test ideas for the headline and call to action, with what each one tests.