Glossary of website prompts

Website prompt

A written brief given to an AI coding tool that describes a website to build: its purpose, look, content, motion and how to check it.

Template prompt

A prompt written from one finished design, so that an AI tool can rebuild that design. It carries the designer's decisions instead of leaving them to the model.

Coding agent

An AI tool that can create files, run commands and check its own output, such as Claude Code or Codex. See where to paste a website prompt.

Hero section

The first screen of a page, before any scrolling. See hero section prompts.

Landing page

A single page built around one action, such as signing up. See landing page prompts.

Design tokens

The named values a design is built from: colours, type sizes, spacing, radii. Writing them into a prompt is how you fix a look in numbers.

Stack

The tools a site is built with. uberdesigner's template projects are Vite + React.

Scroll-driven

Motion whose progress is tied to scroll position, so scrolling back reverses it.

Reduced motion

A device setting (prefers-reduced-motion) that asks sites to cut animation. A good prompt says what to show in its place.

MCP

Model Context Protocol, a way for an AI agent to use outside tools. With uberdesigner's MCP server ↗, an agent can fetch a template by name.

Chat version

A variant of a template's prompt that asks a plain AI chat for the page as one HTML file, for people who aren't using a coding agent.