Предпросмотр сгенерированного кода в Jay Сopilot
Сегодня каждый специалист в digital-индустрии немного разработчик. Маркетологу нужно срочно собрать лендинг под рекламную кампанию, дизайнеру — показать интерактивный прототип, менеджеру — быстро сверстать презентацию или письмо. Но бывает так, что штатные разработчики в это время заняты приоритетными задачами, а значит, приходится искать обходные пути. В итоге многие начинают «вайбкодить» — копировать готовые куски кода, подгонять их под задачу и бесконечно переключаться между редактором и чатом с LLM.
К тому же и сами разработчики все больше обращаются к нейросетям в программировании. По данным исследования Yandex B2B Tech и Университета ИТМО, о котором пишет Газета.Ru, 75% российских программистов уже активно используют AI-ассистентов в своей работе с кодом. То есть даже профессионалы все чаще обращаются к нейросетям, чтобы ускорить рутину. Что уж говорить про маркетологов и дизайнеров, у которых нет привычного dev-стека.
Было/Стало
Раньше все выглядело так: вы запрашивали у модели код, копировали его в редактор, запускали у себя в браузере и вручную подключали недостающие JavaScript-файлы, добавляли HTML-элементы, меняли СSS для перекрашивания кнопок и элементов и проверяли, работает ли все так, как задумано. Потом возвращались в Jay Copilot, вносили правки. И так по кругу.
Мы усовершенствовали этот процесс и сделали его проще: теперь результат генерации сразу доступен в инструменте «Предпросмотр кода» внутри чата. Можно мгновенно увидеть, как выглядит страница, проверить анимации и скрипты, а при необходимости — скопировать или скачать код. При следующем заходе в чат предпросмотр сохранится и будет доступен без дополнительной настройки.
Это особенно полезно продакт-менеджерам, которые не гонятся за фичами ради галочки, а проверяют гипотезы на ранних этапах. Менеджеры могут запускать макеты, тестировать их на пользователях и лишь после валидации приносить задачу в разработку. Такой подход сэкономит ресурсы команды и принесет ощутимую бизнес-ценность.
Зачем нужен предпросмотр кода
Предпросмотр поддерживает стили, анимации и JavaScript. Любой интерактивный элемент — кнопка с hover-эффектом, плавный скролл или даже мини-игра — запускается прямо внутри чата Jay Copilot. Больше не нужно копировать код куда-то еще, чтобы проверить, как все работает.
Функция полезна для разных специалистов. Разработчики могут быстро собрать прототип и увидеть результат, менеджеры — мгновенно показать идею клиенту, а дизайнеры — превратить макет в живой интерфейс прямо в чате.
Код внутри блока можно не только просматривать, но и копировать в одно нажатие по кнопке, скачивать и использовать в проектах. А при следующем заходе в чат результат останется на месте — доступный для повторного открытия и доработки.
Как это работает в Jay Copilot
Представьте, что вам нужен лендинг для продвижения товара — например, компактной, полностью автоматизированной системы для выращивания свежей зелени, овощей и фруктов дома.
Мы сделали запрос в Ассистента, чтобы он создал полноценный HTML-файл с инлайновыми CSS-стилями (в теге <style> внутри <head>) для лендинг-пейдж, продвигающей продукт «EcoSphere Smart Garden».
В чате Jay Copilot мы получаем:
- Код, который можно скопировать и открыть в своём браузере.
- Предпросмотр лендинга, где сразу видно все стили, изображения, кнопки.
Если нужно внести правки — просто вернитесь в чат, уточните запрос, и модель выдаст обновленный результат. Новый артефакт открывается тем же образом: по клику на предпросмотр.
А если вместо лендинга или презентации вы попросите сгенерировать игру на HTML, то при предпросмотре артефакт в буквальном смысле перехватывает курсор. В игру можно поиграть прямо внутри платформы, не выходя из чата. Таким образом артефакты — это не просто средство проверки кода, а настоящая тестовая площадка для любых идей — от лендингов до интерактивных проектов.
Зайдите в Jay Copilot, попросите его собрать лендинг — и сами убедитесь, как работают артефакты. А если еще не подключились к нашей платформе, запросите демонстрацию продукта, чтобы попробовать инструмент на практике.
Запросите демо, чтобы узнать какие возможности открыты для вашего бизнеса
