Работа над сайтом

Когда сборка закончена, экран проекта делится на две части: слева — диалог, справа — живой предпросмотр сайта. Дальше вся работа идёт здесь: вы пишете обычными словами, что поправить, и сразу видите результат рядом. Как собрать первый сайт — в разделе «Создание сайта».

Устройство рабочей области

Слева система рассказывает, что именно она сделала, и ждёт следующего сообщения. Справа — не картинка, а работающая страница. Все инструменты собраны над предпросмотром и рядом с ним.

Вкладка «Код»

Здесь видны исходные файлы проекта. Открывать их не обязательно: весь сайт создаётся и правится обычным текстом, программировать не нужно.

Проверка на разных экранах

Сайт сразу собирается с расчётом на мобильные экраны. Переключатели устройств над предпросмотром показывают, как страница выглядит на телефоне, планшете и компьютере.

Как формулировать правки

Правки вносятся сообщениями в чат — тем же простым языком. Каждое сообщение обрабатывается с учётом предыдущих, поэтому можно вести обычный разговор, а не составлять техническое задание.

Примеры формулировок

• «Замени фотографию на обложке на что-нибудь с чашкой кофе крупным планом»
• «Добавь между меню и контактами блок с тремя отзывами»
• «Сделай кнопки чуть крупнее и скругли углы»
• «Телефон в шапке — +7 495 000-00-00, продублируй его в подвале»
• «Убери блок с картой»

Свои фотографии и логотипы тоже можно попросить вставить: загрузите их в файловый менеджер и упомяните в чате. Подробнее — в разделе «Файлы».

Режим «Инспектировать»

Если нужно изменить один конкретный элемент, включите режим «Инспектировать», щёлкните по нему в предпросмотре и напишите, что поправить. Так система точно поймёт, о чём речь, и не затронет остальную страницу.

Режим удобен, когда на странице несколько похожих блоков и описать словами, какой именно нужен, сложно: проще указать на него мышью.

Отмена и история версий

Стрелка «Отменить» откатывает последнее изменение, а кнопка «История» показывает все сохранённые версии проекта — к любой можно вернуться. Ничего не теряется безвозвратно.

Если страница отобразилась некорректно, помогает кнопка «Пересобрать»: проект собирается заново.

Расход кредитов на правку

Каждое обращение к искусственному интеллекту расходует кредиты. Небольшое изменение стоит существенно меньше, чем создание сайта с нуля.

Цифры ориентировочные: сложная задача расходует больше. Остаток всегда виден в шапке кабинета, подробная статистика по дням и по проектам — в разделе «Биллинг». О самих кредитах и лимитах — в разделе «Тарифы и оплата».

Список проектов

Вернуться к любому сайту можно из меню слева:

• Недавние — быстрый доступ к проектам, с которыми вы работали последними.
• Все проекты — полный список ваших сайтов с их статусами.

Сколько проектов можно держать одновременно, зависит от тарифа.

Настройки проекта

Открываются кнопкой «Настройки» в рабочей области. Пять вкладок.

Общие

• Название проекта — как он отображается в вашем списке.
• Заголовок — то, что видно во вкладке браузера и при отправке ссылки.
• Описание — короткий текст о сайте, до 150 символов.
• Видимость — публичный или приватный проект.
• Изображение для публикации — картинка-превью в мессенджерах и соцсетях.

Заголовок и описание с этой вкладки участвуют в поисковой выдаче, поэтому их стоит заполнить осмысленно.

Знания

Здесь задаются постоянные указания для искусственного интеллекта — до 500 символов. Они подставляются в каждый диалог по этому проекту, поэтому не приходится повторять одно и то же в каждом сообщении.

Примеры удачных инструкций:

Фирменные цвета: #1B4D3E и #E8DCC4. Не используй другие акцентные цвета.
Обращайся к посетителю на «вы». Телефон всегда +7 495 000-00-00.

Домены, база данных и хранилище

Остальные три вкладки описаны в отдельных разделах:

• Домены — публикация на поддомене и подключение своего адреса: «Публикация и домены».
• База данных — выбор хранилища данных для проекта: «База данных».
• Хранилище — файлы, загруженные в этот проект, и занятый ими объём: «Файлы».

См. также: Как написать промпт для сайта — гайд с готовыми примерами.