Вайбмаркетинг · Сайты · Промпты для 3D-анимации
motionsites.ai: готовые промпты для премиум-сайтов с 3D-анимацией
Красивый первый экран сайта с плавной 3D-анимацией обычно стоит дизайнера и недели работы, а описать такой экран словами для нейросети с пустого листа тоже трудно - результат выходит средний. Есть бесплатный сайт motionsites.ai - библиотека готовых промптов под анимированные первые экраны: SaaS, агентство, портфолио и ещё десятки ниш. Копируешь промпт одним кликом, вставляешь в Claude Code, и он собирает премиум-страницу с 3D-анимацией без единой строчки кода. Ниже я по шагам прохожу весь путь от пустой библиотеки до своего сайта
Motionsites.ai - бесплатная библиотека готовых промптов под анимированные первые экраны сайтов: SaaS, агентство, портфолио, лендинг, финтех и другие ниши. Бесплатная часть открыта без регистрации, промпт копируется кнопкой Copy в один клик
Сам сайт страницу не собирает - он только отдаёт точный промпт. Собирает по нему Claude Code: пишет фронтенд с плавной анимацией и отдаёт готовый результат, который остаётся только залить в сеть
Собрать красивый первый экран - только начало. Как превратить сайт в систему, которая продаёт, я разбираю на бесплатном ИИ-Лагере
Это заявка в мой закрытый канал, не оплата. Впускаю сразу, дальше бот в личке отдаёт путёвку на три дня
Первый экран решает, останется человек или уйдёт
Первый экран сайта с 3D-анимацией - это то, что человек видит за первые несколько секунд, и если он выглядит дёшево, дальше уже неважно, что ты продаёшь: посетитель закрывает вкладку, не дочитав ни строчки
Нейросеть умеет собрать такой экран, но ей нужно точно объяснить, чего ты хочешь: какой стиль, как двигается анимация, какой ритм у смены кадров. С пустого листа такое описание выходит коряво, и результат получается блёклый - хуже, чем у дизайнера, и почти так же долго
Решение простое: не описывать экран с нуля, а взять готовое точное описание, которое уже доведено до красивого результата, и поменять в нём только то, что про тебя - бренд, продукт, аудиторию
Готовая библиотека промптов плюс твой ИИ-кодер
Motionsites.ai - это полка с готовыми промптами под первые экраны и блоки сайтов, разложенными по нишам: SaaS, агентство, портфолио, лендинг, финтех и десятки других. У каждой карточки виден стиль заранее, а текст промпта забирается кнопкой Copy в один клик. Часть библиотеки открыта бесплатно и без всякой регистрации, остальное под платной подпиской
Сам промпт сайт не собирает - он только отдаёт точное описание. Собирает по нему страницу твой ИИ-кодер, в этом гайде это Claude Code: он пишет современный аккуратный фронтенд с плавной анимацией и отдаёт готовый результат, который остаётся только залить в сеть
motionsites.ai · библиотека промптов
Сотни готовых промптов под анимированные первые экраны и блоки сайтов, по нишам и типам. Бесплатная часть открыта без регистрации, копируется кнопкой Copy в один клик. Открывается в обычном браузере
Весь путь состоит из шести шагов, и дальше я разбираю каждый по порядку: что поставить до старта, как открыть библиотеку, выбрать нишу, скопировать промпт, вставить его в Claude Code и опубликовать готовый сайт
Что нужно до старта: Claude Code и пять минут
До старта нужно немного: рабочая среда Claude Code, куда вставляешь промпт, обычный браузер без VPN, и заранее продуманный ответ на вопрос, что рассказать о своём продукте
Claude Code
Твоя рабочая среда, через неё вставляешь промпт и даёшь команды. Не стоит - вот пошаговый гайд установки: поставить Claude Code
motionsites.ai
Библиотека промптов в обычном браузере. Отдельного входа или VPN не нужно, бесплатная часть открывается сразу
Пара слов о себе
Бренд, продукт, для кого он и какой тон. Это дописываешь в промпт на шаге 4, полезно продумать заранее
Если страшно вводить команды руками - не бойся. С Claude Code можно просто разговаривать обычными словами: вставить промпт и написать, что поправить, он сделает сам
Шаг 1. Открой библиотеку motionsites.ai
Заходишь на motionsites.ai в обычном браузере. Открывается сразу, без VPN и без входа - бесплатная часть библиотеки доступна без регистрации
motionsites.ai
Шаг 2. Выбери нишу и первый экран
Листаешь карточки библиотеки. На каждой видно, какого она типа: SaaS, агентство, портфолио, лендинг и так далее. Есть отдельные вкладки с блоками страницы и с анимированными фонами. Выбираешь тот экран, чей стиль попадает в твой вкус - карточки с кнопкой Copy доступны бесплатно, часть лучших помечена как платная
Шаг 3. Скопируй промпт одной кнопкой
На карточке жмёшь кнопку Copy, и полный текст промпта у тебя в буфере. Это подробное описание со стилем, ритмом анимации и структурой первого экрана. Писать такое руками долго, а тут оно готовое в один клик
Шаг 4. Вставь в Claude Code и опиши себя
Открываешь Claude Code, вставляешь промпт и дописываешь, какой сайт нужен именно тебе: бренд, продукт, для кого он, какой тон. Меняешь только смысл, а стиль и анимация уже заложены в промпте. Примерно так:
# вставляешь скопированный промпт, а в конце дописываешь: Собери это под мой проект: онлайн-школа по вышивке, аудитория мамы в декрете, тон тёплый и спокойный.
Шаг 5. Дай Claude Code собрать и залей в сеть
Claude Code соберёт анимированный первый экран. Первый вариант редко финальный: говоришь словами, что поправить - цвета, отступы, текст, пока не сядет под бренд. Когда нравится, последний шаг - публикация: скажи Claude Code «залей этот сайт в сеть и дай мне ссылку», он подскажет, как выложить его бесплатно, и ты получишь живой адрес
Книга рецептов плюс повар
Библиотека motionsites.ai - это книга рецептов, а Claude Code - повар. Ты выбираешь блюдо, повар готовит точно под твой вкус, и не нужно быть ни дизайнером, ни верстальщиком
Раньше на красивый первый экран уходила неделя и деньги на подрядчика. Теперь это вечер: взял готовый промпт, поменял смысл под себя, собрал, залил
И это не разовый сайт. Это способ быстро делать живые страницы под каждый запуск, лид-магнит и продукт, в едином стиле под твой бренд - кусок вайбмаркетинга, который раньше был тебе не по карману
Источники
Адрес библиотеки, бесплатная и платная части сверены на motionsites.ai, шаги работы с Claude Code - по официальной странице продукта, проверено 5 августа 2026 года:
- motionsites.ai, библиотека промптов - бесплатная и платная части, карточки по нишам, кнопка Copy
- Claude Code, официальная страница - ИИ-кодер, который по промпту пишет и публикует сайт
Чек-лист перед публикацией
Пять пунктов закрыты - сайт можно показывать, а не разбираться с правками на ходу
Сохрани себе
- Промпт скопирован кнопкой Copy с карточки SaaS или другой ниши на motionsites.ai
- В конце промпта дописан бренд, продукт, аудитория и тон
- Claude Code собрал первую версию первого экрана
- Прогнал правки словами: цвета, отступы, текст
- Сказал Claude Code «залей этот сайт в сеть»
Ученики
Люди с нуля собирают то же самое
На ИИ-Лагере люди, которые до этого не открывали ни Claude Code, ни консоль браузера, к третьему дню показывают в чате собранные сайты. Меня это до сих пор радует
Кнопка ведёт в мой закрытый канал. Жмёшь «Подать заявку», впускаю сразу, бот пишет в личку и отдаёт путёвку. Бесплатно
Частые вопросы
Это бесплатно?
Часть библиотеки motionsites.ai открыта бесплатно и без регистрации, эти промпты копируются кнопкой Copy в один клик. Полный каталог под платной подпиской, но и бесплатной части хватает, чтобы собрать первый достойный экран
Сайт сам соберёт мне страницу?
Нет, и это важно понять. motionsites.ai отдаёт только текст промпта. Саму страницу собирает твой ИИ-кодер, в этом гайде это Claude Code. Поэтому он и нужен в шаге про то, что нужно до старта
Надо уметь программировать?
Нет. Ты копируешь промпт кнопкой Copy, вставляешь в Claude Code и дальше общаешься с ним обычными словами: поправь, поменяй, залей в сеть. Код он пишет сам
Нужен ли VPN?
Сама библиотека motionsites.ai - это просто галерея промптов в браузере. Если сайт открылся и кнопка Copy работает, всё в порядке, отдельный доступ ей не нужен
Иван Сергеев
Соло-предприниматель на базе ИИ. Собираю сайты готовыми промптами через Claude Code и считаю, сколько на этом реально экономится времени