Guides
How to build a website with AI, make it look good and put it online. Copy-paste prompts, plain rules and checklists that work with Claude, ChatGPT and any AI.
New to this? Start here
Three guides, in this order, take you from a file in a chat to a site you're proud to share.
The AI website cheat sheet
Every rule on one printable page, plus 70 prompts grouped by task: start a site, fix the phone view, rewrite the words, fix what broke and launch.
Get online
From a file in a chat to an address anyone can open.
Get online7 min
Claude gave me an HTML file. How do I get it on a real link?
Open it, fix broken images, and share it with anyone, on your own address if you like.
Read the guide →
Docs5 min
Use your own domain
Put your site on an address like yourcafe.com, step by step, whichever domain company you use.
Read the docs →
Design
Spell out the rules and your AI applies them every time.
Design16 min
The prompt checklist for a beautiful website
Design principles in plain words, a prompt for each decision, and quick fixes when the result looks generic.
Read the guide →
Design12 min
Design brief for AI assistants
The rules a senior designer follows, written for your AI: 12 key rules first, then details and a pre-flight checklist. Link it or copy it into any chat.
Read the brief →
Design11 min
Pick colours and fonts that work
Ready palettes with checked contrast, font pairings you can see, type sizes and dark mode.
Read the guide →
Cheat sheetPrintable
The AI website cheat sheet
Every rule and 70 prompts on one page you can print.
Open the cheat sheet →
Writing
Words that sound like you, not like a template.
Launch and safety
The checks that make a site work for everyone.
Launch6 min
Before you launch: a 20-point website checklist
Phone test, titles, share previews, links, forms, privacy and cookies. Tick them off here, or paste one prompt.
Read the guide →
Launch8 min
Make your AI-built website fast and accessible
The numbers to aim for, free tools that measure them, audit prompts and a five-minute test you can do yourself.
Read the guide →
Launch7 min
Is it safe to publish AI-written code?
What goes public, where secret keys hide, risky scripts, and a five-minute check before you share.
Read the guide →
Working with clients
For freelancers who build sites for other people.
The tip most beginners miss
Your AI knows design principles, but it applies them far more consistently when you spell them out. Say "make it modern" and you get something close to the average website. Name hierarchy, spacing, contrast and mobile, and you get a site that looks designed. Add this to your next prompt:
Design this like a senior product designer: clear visual hierarchy with one focal point per section, a consistent spacing scale, two fonts at most, text contrast of at least 4.5:1, mobile-first with 44 px tap targets, subtle motion that respects reduced-motion settings, and accessible to WCAG 2.2 AA. Before coding, ask me any questions you need, then describe the design direction in five bullets and wait for my OK. More details: pagelemon.com/guides/design-brief
Ready to put it online?
Paste Launch my site on PageLemon.com into the AI chat where you made your website.