Build with AI · Practical guide

Turn a rough idea into a website brief AI can build from

Beginner · Published 2026-10-20 · Reviewed 2026-10-05

Tools: Multi-tool
Audience: People getting started with AI
Topic: Build with AI

Hands selecting colour swatches over design plans

You’ll finish with: a website brief with an audience, action and acceptance checks.

“Build me a modern website” leaves almost every important choice open. Start with what a visitor needs to do. Then give the builder words, structure and a way to test the result.

Set up

Allow 25 minutes for the brief. Use a text chat and the sample business. You do not need a domain or a website subscription to write the specification.

Download this guide’s practice sheet ↓

Try this example

FICTIONAL PRACTICE MATERIAL
Fictional site: neighbourhood repair workshop. Main action: request an appointment. Sections: services, opening hours, what to bring, contact. Unknown: appointment availability. No online payment. Brand: calm, clear, forest green and pale blue.

Do the task

Choose one main visitor action and list the information required before it.
Draft page sections and real example copy, marking missing business facts.
Write acceptance checks for mobile layout, form feedback and keyboard access.

Your reusable prompt

Write a one-page website brief for this workshop. Include audience, primary action, content sections, supplied brand direction, unknown facts and acceptance checks. Do not invent hours, reviews or booking availability.

PRACTICE INPUT
Fictional site: neighbourhood repair workshop. Main action: request an appointment. Sections: services, opening hours, what to bring, contact. Unknown: appointment availability. No online payment. Brand: calm, clear, forest green and pale blue.

Refine your result

Make the contact form’s backend an explicit requirement. A button that displays success without sending a request does not pass.

Check the result

The brief should distinguish requesting an appointment from confirming one. Unknown opening hours and availability must remain content gaps.

Save and reuse

Save website-brief.md with the content still needed from the owner. Use it to review the first build before discussing extra pages.

Sources and notes

Writing clear prompts Checked 2026-10-05

The practice input and teaching prompt are original 5HO material. Examples are fictional; they are not screenshots or claims of a completed real-world task.
Official documentation supports the relevant product concepts. Setup availability depends on your account; where a guide offers a fallback, it does not prove the connected capability worked.