В соцсетях MotionSites.ai подают как способ «собрать сайт за 10 минут без единой строки кода». Это не конструктор сайтов, а библиотека готовых промптов: ты копируешь текст, вставляешь его в ИИ-агента - Claude Code, Cursor, Lovable, Bolt, v0 или Replit, - и код страницы пишет агент. Цены и состав тарифов сверены с официальным сайтом 21 сентября 2026. Платный аккаунт для этого разбора я не покупал: разбор основан на открытых страницах сервиса и независимых обзорах, которые указаны ниже.
В Telegram-канале - что нового в вайб-кодинге: инструменты, находки, ошибки.
Что такое MotionSites.ai
Открываешь motionsites.ai и видишь сетку готовых дизайнов: SaaS, агентства, портфолио, финтех, магазины. У каждой карточки - живое превью, которое показывает, как страница движется при прокрутке, и кнопка копирования промпта. Промпт - это подробная текстовая инструкция для агента: структура секций, анимации, цвета, шрифты, поведение при прокрутке.
На этом работа сервиса заканчивается. Он не собирает страницу сам, не даёт редактор, не публикует сайт и не хранит его у себя. Сайт появляется в твоём проекте, когда агент по этому промпту напишет код. На странице цен сервис перечисляет, куда вставлять промпты: Lovable, Cursor, Bolt, Claude, v0, Replit.
По данным самого сервиса, в библиотеке больше 500 промптов, новые добавляются регулярно. Кроме промптов есть раздел с анимированными фонами, шаблоны для Lovable и свой MCP-сервер для подключения библиотеки к агенту - про него ниже. Ещё на сайте продвигают платный партнёрский проект про дизайн: его предложения в расчёт не беру, это отдельный продукт.
MotionSites можно сравнить с меню с фотографиями блюд. По фотографии и рецепту готовить всё равно твоему агенту, и результат зависит от него не меньше, чем от рецепта.
Как собрать страницу с промптом от MotionSites
Порядок действий:
- Выбери дизайн в каталоге и посмотри превью целиком, включая прокрутку до конца. Оценивай не только первый экран: длинные сценарии прокрутки агент обычно воспроизводит с пропусками.
- Скопируй промпт кнопкой на карточке.
- Открой свой агент (Claude Code, Cursor, Lovable, Bolt) и вставь промпт вместе со своим контекстом: что за проект, какой текст и какие секции нужны тебе, на чём собран сайт. Без твоего контекста агент соберёт «сайт вообще» вместо твоего.
- Проверь результат локально: открой страницу на компьютере и на телефоне, прокрути до конца, сравни с превью из каталога. Если агент пропустил или упростил анимации, попроси добавить или доработать их отдельным сообщением.
- Только после проверки публикуй - например, на Vercel или Netlify, у обоих есть бесплатный тариф для личных проектов.
Второй путь - MCP-сервер MotionSites, он работает с Claude Code, Cursor и Codex. На странице motionsites.ai/mcp выбираешь свой инструмент и получаешь команду для него. Для Claude Code команда выглядит так (с той же официальной страницы):
claude mcp add motionsites --scope user --transport http https://xgdzyqfalbibzelpdpvr.supabase.co/functions/v1/mcpПосле команды откроется браузер для входа в аккаунт MotionSites и подтверждения доступа. Проверить подключение можно списком серверов: в Claude Code это claude mcp list, сервер motionsites должен там появиться. Если вход не запросился или сервера в списке нет, повтори команду и прочитай ответ терминала. Дальше агент получает промпты из библиотеки по запросу в чате - без ручного копирования с сайта. Ограничение то же, что у тарифов: бесплатный аккаунт открывает 3 промпта, платный - всю библиотеку. Если работаешь в Claude Code, установка самого агента разобрана в гайде как установить Claude Code.
Готовый промпт подходит, когда твоя задача близка к той, под которую его писали. На практикуме собираем свою систему - связку ИИ-клон + Второй мозг + Контекст-инжиниринг, где твои инструкции, твой стиль и структура проекта записаны один раз, чтобы не объяснять их агенту заново в каждой новой задаче.
Бесплатный доступ и платные тарифы
| Тариф | Цена | Что входит |
|---|---|---|
| Бесплатный аккаунт | $0 | Просмотр каталога, 3 промпта |
| 3 месяца | $129 | Копирование до 3 промптов в день, фоны, шаблоны Lovable, MCP, сообщество |
| Год | $279 | Без ограничений на копирование, всё из предыдущего тарифа |
| Пожизненный | $399 (зачёркнуто $759) | То же навсегда, плюс обновления и ранний доступ к новинкам |
| Пакет промптов | $49 | От 2 до 10 промптов разово, без подписки |
Сторонние обзоры июля 2026 называют другие цифры - 149 или 249 долларов в год, 239-359 за пожизненный доступ. Эти цены устарели, ориентируйся на страницу цен в день покупки.
На странице цен стоит таймер обратного отсчёта «распродажи первых участников». Июльские обзоры фиксировали такой же таймер, а цена с тех пор выросла - поэтому решение лучше принимать без оглядки на отсчёт. При оценке покупки учитывай указанные 399 долларов, а не зачёркнутые 759.
Как устроена оплата зарубежных сервисов из России и почему карта может не проходить, я разбирал отдельно: чем оплатить инструменты для вайб-кодинга из России.
Три ограничения, которые стоит знать до оплаты
Превью не равно результату. Промпт - текстовая инструкция; готового кода в нём нет. Генеративная модель по одному и тому же тексту выдаёт разные варианты. В независимом обзоре qvib.pro за июль 2026 описывают потерю части анимаций и деталей в первой попытке и от 3 до 10 итераций на секцию, пока результат приблизится к превью. Это наблюдения автора обзора, не наш замер. Различия между генерациями - общее свойство генеративных моделей, а не специфический недостаток MotionSites, но время на доработку нужно учитывать: «скопировал - вставил - готово» обычно не получается. Проверять итог всё равно тебе - в этом помогает гайд как проверить код от ИИ, если не умеешь читать код.
Привязка к React. Промпты рассчитаны на связку React + Tailwind, на которой работают Lovable, Bolt и v0. Если твой сайт собран иначе - на обычном HTML, Vue или Svelte, - результат по отзывам практиков обычно слабее, и проще взять библиотеку компонентов под свой стек.
Маркетинг с давлением. Таймер на странице цен, обещание в рекламе партнёрского продукта на самом сайте о создании «сайтов, за которые агентства берут 5000 долларов» (перевод с английского), допродажи партнёрских продуктов - всё это стандартная упаковка инфопродукта. Сама библиотека от этого хуже не становится, но решение о покупке принимай по содержимому бесплатной части, таймер в расчёт не бери.
Бесплатные альтернативы MotionSites
- Magic UI - больше 150 бесплатных открытых анимированных компонентов на React и Tailwind: сетки, бегущие строки, анимированные числа, эффекты появления. Копируешь готовый код или ставишь через командную строку.
- Aceternity UI - похожая библиотека эффектных компонентов; значительная часть бесплатна, есть платные блоки.
- Motion Primitives - небольшой бесплатный набор анимационных примитивов.
- 21st.dev - каталог, где собраны все перечисленные библиотеки с живым превью каждого компонента: удобно сравнивать и забирать код в одном месте.
Для одного эффектного экрана бесплатных библиотек обычно достаточно. Преимущество MotionSites - целые страницы и сценарии прокрутки в едином дизайне; библиотеки предлагают отдельные элементы. Если сайт выходит «ИИшным» и на готовых компонентах, причина обычно не в инструменте - разбор этого есть в гайде почему сайт в Claude Code выходит ИИшным.
Кому стоит платить за MotionSites
Подходит, если ты:
- собираешь посадочные страницы регулярно - себе или заказчикам - и каждый раз теряешь время на «придумать, как это должно выглядеть»;
- работаешь в Lovable, Bolt, Cursor или Claude Code на React-стеке;
- готов несколько раз дорабатывать результат и проверять его глазами.
Скорее всего, не подходит, если:
- нужен один сайт один раз - начни с 3 бесплатных промптов или Magic UI;
- сайт не на React - промпты по отзывам дают заметно более слабый результат;
- ждёшь «вставил промпт - получил сайт как на превью» - генеративные инструменты не гарантируют такого совпадения, а полный доступ стоит от 129 долларов.
Если сомневаешься, порядок такой: сначала бесплатный аккаунт и 3 промпта на реальной задаче, потом разовый пакет за 49 долларов, если библиотека ускоряет работу, и только потом, если пользуешься постоянно, тариф на более долгий срок.
Источники
- MotionSites.ai - официальный сайт
- MotionSites: тарифы и состав планов
- MotionSites MCP - подключение к агентам
- qvib.pro: MotionSites Review - независимый обзор, июль 2026
- stork.ai: motionsites.ai Review 2026
- creeta: разбор промптов MotionSites для Claude Code
- 21st.dev: Magic UI - бесплатные React-компоненты
- 21st.dev - каталог библиотек компонентов
- Vercel - бесплатная публикация сайтов
- Netlify - бесплатная публикация сайтов
Полная схема вайб-кодинга за три вечера: ИИ-клон + Второй мозг + Контекст-инжиниринг. Записи эфиров в личном кабинете, доступ 30 дней.
Новые материалы - дайджестом, без спама
Гайды выходят регулярно. Подпишись, чтобы не пропускать: пришлю подборку в Telegram или на email. Раз в неделю или каждый день - выбираешь сам.

