Sites by AgentsThe practical website field guide
COPY. ADAPT. REVIEW.Read as Markdown ↗

Give your agent a useful starting point.

Copyable website-building prompts for your first brief, mobile layout, visual refinement and checks before deployment.

Your first website

Replace the bracketed text with your own purpose, audience and content. Start small, check the preview, and make one clear change at a time.

Your first website
Build a small website using Next.js, TypeScript and Tailwind CSS.

The site should:
- Purpose: [what the website should do]
- Audience: [who it is for]
- Visual direction: [colours, typography and references]
- Sections: [the content visitors need]

Keep the architecture simple. Use reusable components.
Do not add a database, authentication or backend unless required.
Use accessible HTML and responsive layouts.

The project should run with npm run dev, pass linting and
npm run build, and be deployable to Vercel.
Explain how to preview it and which files I can edit.

Improve the mobile layout

Give the small screen the same care.

Improve the mobile layout
Review this page at mobile widths and fix any overflow, cramped spacing or layouts that should stack vertically. Check tap targets and code blocks. Preserve the desktop design.

Make the design less generic

More intention. Less decoration.

Make the design less generic
Review the visual design for generic AI/SaaS patterns. Remove unnecessary gradients, decorative cards and visual clutter. Use stronger typography, spacing and a more deliberate visual hierarchy instead.

Check before deployment

Turn a working draft into a site you can publish.

Check before deployment
Prepare this project for production deployment. Run linting and the production build. Fix any errors. Check for broken links, console errors, obvious accessibility problems and mobile overflow. Do not make unrelated design changes. Summarise what you tested and any remaining issues.

When another prompt isn’t the answer

If the scope keeps growing or you cannot tell whether the result is ready, a conversation may be more useful than another iteration.