A Free Claude Design Agent That Rebuilds Your Website
A free Claude skill studies 40 of the most-liked website designs, picks real cinematic video for your page, then screenshots its own work and fixes it until it scores 8 out of 10. What it does, how to set it up, the catch, and the first prompt to send
It's a free Claude skill that makes Claude build cinematic, award-level websites and landing pages instead of the same average AI layout every time.
Here's what's inside, how to set it up in the Claude app, the catch, and a first prompt you can paste in.
What it does for your website
- Reads the 2-3 closest of 40 example designs (the most-liked free prompts on MotionSites) before it writes a line, so it copies their precision: exact fonts, colours, sizes and motion timing.
- Picks real media for your page from a shelf of 50+ cinematic hero videos, 30 transparent 3D cut-outs and 29 images, or uses your own photos and footage.
- Writes a full build spec with your real headline, buttons and copy, then builds the page (one index.html that opens anywhere, or your own React/Next setup).
- Screenshots its own page, scores it, fixes the three weakest parts and shoots again, until the average is 8 out of 10 with nothing under 7 (up to 3 rounds).
- Already have a site? Give it your URL or file: it scores the old page first, rebuilds it and shows you before and after.
- Prefer Lovable, Bolt, v0 or Cursor? Ask for a prompt instead of code and it writes one tuned for that builder.
Free, for your email
Get the full setup steps + the copy-paste setup prompt
The rest of this guide (4 more sections, 1 copy-paste prompt) opens right here. The setup prompt, one paste into Claude that sets it all up, comes by email only. Use your real address.
Unlocks: Step 1: add it to Claude · Step 2: rebuild your website · The catch · Sources
50,000+ follow where these guides come from. No spam, reply “unsubscribe” any time.