Раньше собрать страницу означало звать верстальщика или садиться в конструктор. Теперь достаточно написать в чат, что нужно, и ассистент сам сделает веб-страницу: лендинг, мини-игру, презентацию, калькулятор. Готовый вариант видно в соседнем окне уже через несколько минут, а дальше вы правите его словами, как в обычном диалоге. Это новый раздел PR-CY, и называется он Вайб-кодинг.
Главное отличие от обычных сборщиков сайтов в том, что Вайб-кодинг живёт внутри SEO-платформы. При сборке ассистент может смотреть на реальные цифры: частотность из Wordstat, ваши ключевые слова и позиции, данные Метрики и Search Console. Поэтому страница получается не наугад, а с расчётом на поисковый трафик.
Как это устроено
1. Открываете раздел Вайб-кодинг или обычный чат.
2. Пишете, что нужно. Например: «Сделай лендинг для кофейни».
3. Справа сразу появляется готовая страница, её видно вживую.
4. Что-то не так? Пишете правку: «Сделай кнопку больше и добавь блок с отзывами».
5. Готово. Делитесь ссылкой или скачиваете архив.
Результат называется артефактом. Это ваша страница: к ней можно возвращаться и дорабатывать в чате сколько угодно.
Зачем мы это сделали
Что-то похожее получалось и раньше. Можно было попросить HTML в обычном чате, скопировать код, вставить к себе, потом снова открыть редактор и поправить. Можно было взять сторонний сервис. Но всё это лишние шаги и потерянное время.
Поэтому мы и сделали Вайб-кодинг ради скорости. Чтобы черновик, демку или готовый лендинг можно было получить в одном окне: сразу с превью, версиями и ссылкой, без копирования кода туда-сюда и без выхода из PR-CY.
Что можно собрать
И речь не только про сайты. В чате одинаково легко рождаются и страницы, и небольшие интерактивные штуки: калькуляторы, опросы, дашборды, виджеты, игры. Грубое правило: если идея помещается в одну веб-страницу, её здесь можно собрать.
Дальше идут конкретные примеры с готовыми запросами. Скопируйте любой и попробуйте.
Лендинг или промо-страница
«Сделай одностраничный лендинг для онлайн-курса по фотографии: яркий первый экран, программа курса, отзывы, форма записи и кнопка „Записаться“».
На выходе получаете страницу с блоками, кнопками и формой. Потом доводите по мелочи: цвета, тексты, порядок секций.
Мини-игра и интерактив для удержания
«Сделай игру „Змейка“ с подсчётом очков и кнопкой „Начать заново“».
«Сделай „Колесо фортуны“ со скидками для посетителей сайта».
«Сделай квиз „Какой у вас тип кожи“ с результатом и кнопкой „Получить подборку“».
Всё работает прямо в браузере. Но игры тут не ради игр. Когда человек крутит колесо скидок или проходит квиз, он дольше остаётся на сайте, вовлекается и охотнее оставляет контакты. А заодно подрастают поведенческие факторы.
Презентация
«Сделай презентацию из 6 слайдов про пользу утренней зарядки, с переключением стрелками».
Получаете слайды, которые листаются прямо в браузере. Удобно показать с экрана или кинуть ссылку.
Список дел и простые инструменты
«Сделай to-do лист: можно добавлять задачи, отмечать выполненные и удалять».
«Сделай калькулятор чаевых».
Маленькие интерактивные штуки под свои задачи. Со своей стороны вы не пишете ни строчки кода.
Дашборд или опрос
«Сделай наглядный дашборд с графиками по этим цифрам продаж за полгода».
«Собери опрос из 5 вопросов с вариантами ответов и подсчётом результата».
Скидываете цифры прямо в чат и получаете страницу с графиками или рабочий опрос. Можно показать команде или вложить ссылкой в отчёт.
Лендинг из ссылки
Можно дать ссылку на статью или ваш пост и попросить сделать из неё страницу.
«Вот ссылка на нашу статью: https://… Сделай по ней красивый лендинг с главными тезисами и кнопкой „Читать полностью“».
Ассистент прочитает текст по ссылке и соберёт лендинг на его основе. Так же превращается в страницу любой ваш текст, список или таблица.
Картинки прямо в чате
Нужна картинка? Попросите словами.
«Добавь на первый экран картинку с чашкой кофе на деревянном столе».
Ассистент нарисует изображение и поставит его на страницу. А если нужна именно ваша картинка, дайте ссылку на неё, и он её тоже вставит. Подробнее об этом ниже, в ограничениях.
Для владельцев сайтов и SEO-специалистов
Тут от Вайб-кодинга больше всего пользы. Ассистент видит данные PR-CY, поэтому собирает страницы под поиск, а не просто под красоту.
Отчёт для клиента из ваших же данных
Особенно выручает агентства и фрилансеров. У ассистента в чате есть доступ к вашим проектам, Яндекс.Метрике, Google Search Console (он же Вебмастер) и позициям. Значит, отчёт можно не собирать руками по кабинетам, а попросить словами.
«Сделай красивый HTML-отчёт для клиента по проекту site.ru за последний месяц: динамика визитов из Метрики, топ запросов и страниц из Search Console, рост позиций. Добавь выводы и логотип сверху».
Он возьмёт цифры, посчитает динамику и сделает страницу-отчёт: графики, таблицы, короткие выводы. Дальше как удобно:
- поправить текст и оформление в том же чате;
- отправить клиенту ссылкой, она открывается без регистрации;
- или скачать архивом и приложить к письму.
Переносить данные из трёх кабинетов в презентацию руками больше не нужно. Отчёт собирается за пару минут и выглядит опрятно.
Посадочная под конкретный запрос
«Сделай SEO-лендинг под запрос „купить кофемашину в Москве“: проверь частотность в Wordstat, добавь продающие блоки, FAQ и призыв к действию».
Ассистент глянет частотность и соберёт страницу с нормальной структурой и текстами под этот запрос.
Страница под семантическое ядро
Есть проект с ключевыми словами в PR-CY? Попросите взять их в работу.
«Возьми ключевые слова из моего проекта и собери посадочную, которая закрывает основные запросы из ядра».
Быстрая проверка гипотезы
Боевой сайт трогать не нужно.
«Собери два варианта первого экрана с разными заголовками, протестируем, какой заходит лучше».
Микролендинги под рекламу
Под контекст и РСЯ постоянно нужны отдельные быстрые посадочные. Тут это пара фраз и сразу готовая ссылка.
Статья или товар как посадочная
«Вот ссылка на нашу статью: https://… Сделай по ней лендинг с ключевыми тезисами, оглавлением и кнопкой „Оставить заявку“».
Ассистент прочитает исходник и пересоберёт его в продающую страницу. Точно так же можно собрать страницу из описания товара или услуги.
Виджеты и блоки с данными
«Сделай блок „Почему мы“ с тремя преимуществами и счётчиками».
«Собери калькулятор стоимости услуги».
Интерактивные элементы для сайта, без разработчика и без правок в CMS.
Готовый артефакт можно скачать архивом и встроить к себе на сайт. А можно ничего не скачивать и просто делиться ссылкой.
Улучшать страницы и расти в выдаче
Самое ценное для SEO не отдельная страница, а сам цикл улучшений. Раньше он тонул в согласованиях с разработчиком. Теперь укладывается в одно окно:
- Берёте текущую страницу (опишите словами или вставьте) и просите усилить: заголовки, FAQ, перелинковка, скорость, тексты под запросы.
- Видите результат сразу, в живом превью. Никакого «выложу и потом посмотрю».
- Правите в диалоге, пока не устроит. Каждая версия сохраняется, к любой можно откатиться.
- Переносите на свой сайт: скачиваете архивом или копируете код.
- Растёте в позициях за счёт лучшей структуры, релевантности и поведенческих.
Как довести до ума
Правки идут диалогом. Переделывать всё с нуля не надо, просто говорите, что поменять: «фон потемнее», «убери второй блок», «на кнопке напиши Купить». Каждая правка ложится в отдельную версию, к старой всегда можно вернуться.
Хочется в код? Переключите «Превью» на «Код». Там вся вёрстка с подсветкой.
Чтобы поделиться, откройте «Настройка доступа» и нажмите «Сгенерировать ссылку». Страница откроется у кого угодно без регистрации. Передумали? Доступ закрывается так же быстро.
Файлы забираются кнопкой «Скачать архив».
Все страницы лежат в разделе «Мои артефакты». Зашли, открыли, продолжили.
Чего пока нельзя
Раздел только запустился, поэтому пара ограничений есть. Рассказываем честно, чтобы не было сюрпризов.
- Загруженную картинку ассистент пока не видит. Если прикрепить изображение файлом через наш чат, вставить его в страницу не выйдет, он его просто не получит. Но есть обходной путь: дайте ссылку на картинку (URL), и ассистент вставит её в лендинг.
- Создавать можно только одиностраничный файл.
Оба пункта мы держим в планах на ближайшие релизы. Если увидим, что это нужно пользователям, добавим.
Попробуйте
Откройте Вайб-кодинг, напишите первую фразу, и через несколько минут у вас будет готовая страница. Ей можно поделиться ссылкой или поставить к себе на сайт.
Соберите новую посадочную или прокачайте старую: результат виден сразу, доводите до ума в чате и переносите к себе.
С чего начнёте: лендинг, игра или презентация?
