Claude Code соберёт лендинг, но анимации и 3D по дефолту выходят вялые — сайт сразу палит нейросеть 🎨 MotionSites даёт готовые промты, после которых секции реально двигаются.
Что это и кому
MotionSites — библиотека готовых промтов под анимированные секции сайта: hero, градиенты, 3D-блоки, движущиеся фоны. Не конструктор и не редактор — именно промты, которые ты копируешь и скармливаешь ИИ-агенту.
Логика простая: дизайн — слабое место вайб-кодинга. Агент напишет логику, но композицию и анимации по дефолту делает вяло. MotionSites закрывает ровно эту дыру: за тебя уже придуманы структура секции, тайминги и движение — тебе остаётся подставить свой продукт.
Кому заходит: соло-разработчикам и маркетологам, кто делает лендинги SaaS / портфолио / агентства на потоке. По словам Артемия Миллера, за такой анимированный сайт агентства берут десятки тысяч — тут ты собираешь его за вечер (сам сайт для сравнения называет $500–2000 за один фриланс-лендинг).
Ключевые возможности
- Каталог промтов по категориям: SaaS, агентство, портфолио, лендинг, e-commerce, fintech, healthcare, Web3, недвижимость, авто и другие.
- Готовые hero-секции, анимации, градиенты, анимированные фоны, 3D-блоки — копируются одной кнопкой «Copy».
- Промт-агностично: подходит для Claude / Claude Code, Cursor, Bolt, Lovable — куда вставишь, там и сработает.
- Заточено под пайплайн «промт → агент → деплой на Vercel/Netlify», без отдельного билд-инструмента.
- Бесплатный слой промтов (кнопка «Copy») + платный тариф «Go Unlimited» (разовый лайфтайм-доступ или годовой план) к премиум-промтам с бейджем «Premium».
Как начать за 5 минут
- Зайди на motionsites.ai и выбери категорию под свой проект (например, SaaS или портфолио).
- Открой понравившуюся секцию и нажми «Copy» — промт уже в буфере.
- Вставь его в Claude Code, допиши своё: что за продукт, для кого, какой стек. Получаешь анимированный сайт → деплой на Vercel/Netlify.
Когда брать, а когда нет
✅ Бери, если у тебя уже есть Claude Code (или Cursor/Bolt/Lovable) и нужен красивый анимированный лендинг за вечер.
✅ Бери, если дизайн — твоя слабая зона: промт уже задаёт композицию, анимации и 3D, тебе остаётся контент.
✅ Бери, если клепаешь лендинги SaaS/портфолио/агентства на потоке и хочешь единый «моушн»-уровень.
❌ Не бери → лучше «Framer», если нужен визуальный no-code редактор с драг-н-дропом, а не связка «промт + агент».
❌ Не бери → лучше «v0», если хочешь, чтобы ИИ сам генерил React-компоненты прямо в чате под твой запрос, а не брать готовый промт из библиотеки.
Цена по-честному
Модель freemium. Часть промтов бесплатна — на карточке кнопка «Copy», копируешь и работаешь. Премиум-промты открывает платный тариф «Go Unlimited», и это в первую очередь разовый лайфтайм-доступ, а не ежемесячная подписка. Цена на сайте раскрыта — на странице оплаты (motionsites.ai/unlimited) висит перечёркнутая «старая» цена $759 и промо-скидка: на момент проверки 2026-07-13 это порядка $349 разово (лайфтайм) либо более дешёвый годовой план порядка $239/год. Важно: промо-цифры на сайте крутятся (в сторонних каталогах в тот же период мелькали другие числа), а перечёркнутая цена — классический приём срочности, поэтому не ведись на «старую» сумму и сверяй актуальную на /unlimited перед оплатой. Обещанных цифр экономии от себя не даём: выгода зависит от того, сколько ты бы заплатил дизайнеру или агентству.
Подводные камни
- Самые сочные промты — платные («Go Unlimited»); цена оформлена как перечёркнутая $759 → промо-скидка, а промо-цифры меняются — не ведись на «старую» цену, сверяй сумму на /unlimited перед оплатой.
- Промт — это старт, а не финиш: реальные тексты, картинки, данные и адаптив под мобилку всё равно доводишь руками или агентом.
- Результат зависит от модели и стека: один и тот же промт в Claude Code и в другом агенте даст разный код.
- Тяжёлые анимации и 3D бьют по производительности — держи в уме Lighthouse и вес бандла, иначе красиво, но тормозит.
- Библиотека молодая и нишевая: ассортимент, категории и условия могут меняться.
🤖 Промт-ускоритель
«Возьми этот промт анимированной секции из MotionSites: [ВСТАВЬ_ПРОМТ]. Адаптируй под мой продукт: [НАЗВАНИЕ] — [ЧТО_ДЕЛАЕТ] для [АУДИТОРИЯ]. Стек: [Next.js + Tailwind]. Замени плейсхолдерный текст на реальный оффер, сохрани анимации и их тайминги, добавь секции: hero, ключевые фичи, соцдоказательство, CTA. Собери адаптивно, отдельно проверь, что ничего не дёргается на мобилке и что вес бандла адекватный.»