Skip to contentOnlineLive chat

Claude prompts

Website prompts to paste into Claude or Claude Code

Paste a MotionSites prompt into Claude to see the page as an artifact, or into Claude Code to build it in your project. Layout, type, color and motion included.

Claude follows long, structured prompts well, so a full website prompt is a good start before you trim or swap sections.

How to use a prompt in Claude

  1. In the Claude app, paste the prompt and ask for a single HTML page. Claude shows it as an artifact you can preview and copy.
  2. In Claude Code, paste the prompt inside your project folder and say which framework and files to use.
  3. Ask for changes one section at a time, and ask Claude to keep the fonts and colors from its first answer.
  4. Ask for a reduced-motion fallback so the animation never gets in the way.

Where to start

Prompts for other builders