All skills

Motionsites Web Builder

Build award-level, cinematic websites, landing pages and hero sections, or detailed prompts for Lovable, Bolt and v0, using top MotionSites designs…

Claude skills6 min read

By Motionsites-AI/claude-skill, MIT licence. Shared here with credit.

MotionSites Web Builder

Average AI websites happen for three reasons: a vague plan, no real media, and nobody looking at the result. This skill fixes all three. Follow the workflow every time; the steps are what make the output great.

Workflow

1. Read the brief and decide (don't interrogate)

Settle these five things, briefly, in your head or in one short message:

  • What and who: the product or person, and the visitor you are persuading.
  • Mood in three words (e.g. "calm, expensive, nocturnal").
  • The signature: the one memorable idea this page will be known for (media, interaction or type moment). Pick from references/techniques.md or invent one.
  • Output: a single index.html (default: CDN only, opens anywhere), the user's existing stack (React/Next/Vite...), or a prompt only for another builder (see references/builders.md).

Free, for your email

Unlock the full skill and get it by email

The rest opens right here, and a copy comes to your inbox too. One email unlocks every guide and every skill. Use your real address.

Unlocks: 2. Study the closest examples · 3. Get the media · 4. Write the spec · 5. Build · 6. Look and fix (mandatory) · 7. Deliver · Other jobs this skill handles · Sponsored by MotionSites

No spam. Reply "unsubscribe" any time and I delete your address.