Glossary of Claude prompts for websites and UI

Claude

Anthropic's AI model, and the chat app of the same name. On this site, "the chat app" means Claude in a browser or desktop window, where you type and it answers in a conversation.

Claude Code

Anthropic's coding agent. It works in a project folder, reads and writes files, runs commands and supports MCP servers. See Claude Code website prompts.

Artifact

The chat app's name for output shown in its own panel beside the conversation. For web work, a single HTML page rendered as a live preview. See Claude artifact prompts.

CLAUDE.md

A Markdown file in a project that Claude Code reads for project instructions. A good place for design rules. See design rules in CLAUDE.md.

Plan first

Asking Claude Code to describe what it will build, with no code, and to wait for approval. It shows you how the brief was read while changes are still cheap.

Session

One conversation with Claude Code in a project. A fresh session starts without the earlier conversation, which is why standing rules go in a file.

MCP

Model Context Protocol, a way for an AI agent to use tools from outside services. An MCP server is the service's side of that connection.

uberdesigner MCP server

The server that lets an agent fetch an uberdesigner template by name. See the setup guide and uberdesigner's MCP page ↗.

Design tokens

The named values an interface is built from: colours, type sizes, spacing, radii, durations. In CSS they are usually custom properties in one file.

Self-contained HTML file

One file holding the markup, styles and script of a page, with no external resources. The shape to ask the chat app for.

Chat version

A variant of an uberdesigner template's prompt that asks a plain AI chat for the page as one self-contained HTML file, shown as a live preview. Some templates have one.

Reduced motion

A device setting, read in CSS as prefers-reduced-motion, that asks pages to cut animation. A prompt should say what is shown in its place.