motionsiteslisted

Use MotionSites (motionsites.ai) — a paid library of "premium AI website prompts" with free-to-browse animated previews of motion-heavy hero sections, landing pages, footers, CTAs, backgrounds, and gradients — as motion-direction reference, and translate what its previews show (timing, easing, choreography patterns — patterns, not pixels) into concrete motion v13 (`motion/react`) implementations in Next.js 14 + Tailwind 3.4. Use this whenever a task involves motionsites.ai in any form, someone wants motion-design inspiration for a landing page ("make the hero move like the good AI-built sites", "find animated section references"), a MotionSites prompt has been purchased and its output needs adapting to our stack, an AI-builder prompt (Lovable/v0/Bolt-style) needs converting into maintainable Next.js code, or when naming and implementing a motion choreography pattern observed in any animated site preview. The observation-to-framer-motion translation workflow lives in references/integration.md.
shashidharbabu/claude-design-skills · ★ 0 · Web & Frontend · score 60

Install: claude install-skill shashidharbabu/claude-design-skills

# MotionSites Resolved (Aug 2026): motionsites.ai is **not** a curated gallery of external websites. It is a **commercial prompt library** — "Official Premium AI Website Prompts". Each entry is an animated preview (GIF/WebP/video) of a motion-designed website section, and the product you buy is **the text prompt** that reproduces it in AI site builders. Their own workflow: "Browse a design, copy the prompt, paste it into AI builders like Lovable, Cursor, Bolt, Claude, v0, or Replit, then customize." **What's free:** browsing every animated preview. **What's paywalled:** the prompts. Pricing (Aug 2026, `motionsites.ai/unlimited`): $129/3-months (fair use: 3 prompt copies/day), $279/year unlimited, $399 lifetime (list $759), prompt packs from $49 (2–10 prompts). Paid plans state "for personal & client work" — commercial use is allowed **for license holders**; the site publishes no separate license text, so treat rights as tied to an active purchase. There is no API and no export. So this skill owns two things: 1. **Selection** — where to browse for which kind of reference. 2. **Translation** — turning what a preview *shows* (or purchased prompt output) into maintainable motion v13 (`motion/react`) + Tailwind code. Workflow in `references/integration.md`. ## Browse map (direct URLs) | Need | URL | |---|---| | Full section library — heroes, footers, CTAs, pricing, features, landing pages | `https://motionsites.ai/sections` | | Animated background treatments | `https:/