Kit: просмотр, предпросмотр и добавление модуля

Обзор состоит ровно из трёх уровней, и каждый живёт в собственном адресе страницы, а не только в состоянии компонента: сетка категорий (/projects/kit или /projects/<id>/kit), список модулей одной категории (с добавлением ?cat=<key>) и полная страница одного модуля (с добавлением &module=<id>). Поэтому кнопка «Назад» в браузере всегда работает правильно, а страница конкретного модуля — это настоящая ссылка, которой можно поделиться: отправьте человека сразу на «вот что вы получите с Формой запроса на КП или смету», вместо того чтобы объяснять, где нажать. Escape возвращает на один уровень назад, так же как «Назад».

Если открыть обзор из проекта (/projects/<id>/kit), страница знает, какой проект вы просматриваете, поэтому может показать, что уже в нём есть, и позволить добавлять прямо в него. Если открыть отдельно (/projects/kit, по ссылке из вкладки «Комплект» или напрямую), это те же три уровня без привязки к конкретному проекту — полезно для просмотра до того, как вы решили, что создавать, или чтобы показать кому-то каталог, не открывая один конкретный проект.

Вверху сетки категорий переключатель в две стороны, как и везде в aiKit, делит весь каталог: «Комплект сайта» — это разделы и функции, которые становятся частью самого сайта или приложения (страницы, формы, галереи, магазин, запись, SEO); «Комплект бизнес-инструментов» — это инструменты, которые работают рядом с проектом, а не внутри него (маркетинговая автоматизация, счета, CRM, инструменты для сотрудников, отчёты). Каждая плитка категории показывает, сколько в ней модулей, и бейдж «N готово сейчас», если хотя бы один из них — модуль «Готово сейчас» (см. ниже).

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

Если открыть обзор из проекта и только пока вы не ищете, над сеткой категорий появляется строка «Рекомендуем для этого проекта», когда у aiKit есть реальные предложения: простые правила без ИИ, сопоставленные с типом проекта (сайту предлагаются форма заявки, контактная форма, витрина отзывов, локальное SEO и страницы с вопросами; интернет-магазину — корзина и оформление заказа, возврат брошенных корзин и отзывы о товарах; и так далее для посадочных страниц, приложений, административных систем, панелей управления, клиентских порталов, блогов и проектов маркетинговой автоматизации), а также несколько совпадений по ключевым словам в тексте цели проекта (упоминание «КП», «запись», «отзыв», «письмо», «счёт» или «продавать онлайн» выводит подходящий модуль с его собственным пояснением в одну строку). Всё, что уже есть в проекте, не показывается, а список ограничен шестью пунктами.

Каждый модуль имеет один из двух статусов, и формулировки намеренно буквальны, а не маркетинговые. «Готово сейчас» означает, что модуль входит в число протестированных модулей движка сборки — это настоящий код, который отображает реальную страницу с примерными данными вместо ваших, то есть ровно тот же шаблон, что получает живой сайт. «Создано для вас» означает, что модуль — настоящая, запланированная часть каталога, которую пока ничего не отображает: если его выбрать, он добавляется в план и создаётся реальная рабочая задача, а модуль встраивается в код самого сайта, с вашим брендом и текстами, так же как любая другая правка ИИ; просто готового протестированного шаблона пока нет.

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

Открытие категории показывает каждый модуль в ней как карточку: миниатюру, название модуля, его статус, краткое описание в одну строку, ряд подсказок «Лучше всего подходит для» (до трёх) и «В этом проекте», если модуль уже добавлен (когда вы просматриваете внутри проекта). Миниатюра модуля «Готово сейчас» — это небольшой живой предпросмотр реальной страницы: он загружается только когда попадает в поле зрения, и на экране одновременно не больше шести живых миниатюр, поэтому длинная категория не тормозит страницу; всё сверх этого лимита показывает простой заглушку загрузки, пока не станет видимым. Миниатюра модуля «Создано для вас» — это та же наглядная схема, описанная ниже, только меньше, за исключением модулей с рабочим предпросмотром (см. ниже): их карточка показывает уменьшенный реальный пример сайта, бейдж «Рабочий предпросмотр · N вариантов» и кнопку «Посмотреть в действии» вместо «Подробнее». Кнопка «Подробнее» открывает собственную страницу модуля.

Для модуля «Готово сейчас» предпросмотр — это настоящий iframe с реальной протестированной страницей в полном размере, оформленный как небольшое окно браузера с переключателем «Компьютер/Телефон», который действительно меняет размер рамки, чтобы вы могли проверить, как всё выглядит на телефоне (на настоящем телефоне переключатель заменяется простой подписью «Предпросмотр на телефоне», а рамка открывается прокрученной к самой форме, чтобы вы видели поля, а не только заголовок). Рамка плавно исчезает внизу; ссылка «Открыть полный предпросмотр» под ней открывает всю страницу в новой вкладке, а подпись ниже называет образец бизнеса, данные которого используются. Если открыть модуль внутри проекта, переключатель «Показать в цветах этого сайта» повторно загружает тот же предпросмотр с основными цветами бренда проекта (берутся напрямую из кодов #hex, указанных в заметках о бренде в брифе) и названием проекта вместо образца, так что вы видите ближе к тому, как будет выглядеть ваш реальный сайт, а не общий пример.

Для модуля «Создано для вас» нет живого iframe — вместо него показан тот же условный каркас, что и в списке категорий, но крупнее: простая одноцветная SVG-схема формы макета (поля формы, сетка календаря, плитки панели управления — что подходит для этого модуля) с несколькими короткими подписями из данных предпросмотра модуля. Подпись под ней обязательна для каждого такого модуля и никогда не убирается: «Иллюстрация макета. Ваша версия создаётся так, чтобы соответствовать вашему сайту.» Она нужна именно для того, чтобы эскиз структуры никогда не принимали за готовый предпросмотр в фирменном стиле.

Рабочие предпросмотры (2026-10-04): всё больше модулей «Создано для вас» вместо эскиза открывают полноценный кликабельный образец сайта, который показывается на всю ширину над подробностями. Все двенадцать модулей «Интернет-магазин» открывают один и тот же образец магазина керамики Juniper Kiln, каждый на той части, которая относится к модулю: каталог (фильтр, сортировка, поиск, открытие товара и выбор глазури и размера — картинка и цена меняются), корзина и оформление заказа (изменение количества, удаление товаров, ввод кодов WELCOME10, FREESHIP или GIFT-2580, расчёт доставки по почтовому индексу и оформление заказа со страницей подтверждения), варианты оплаты (карта, Pay in 4 и кнопки электронных кошельков), тарифы доставки, промокоды и подарочные карты, отзывы о товарах (фильтр по звёздам или фото, отметка «полезно», написание отзыва), наборы и дополнения, налог с продаж (смена штата доставки меняет строку налога), аккаунты клиентов (вход, повторная покупка, отслеживание посылки, оформление возврата), письма о заказах (подтверждение, отправка и доставка, с рабочей страницей отслеживания), возвраты и обмены (поиск заказа, выбор товаров и причины, получение обратной этикетки) и складские остатки (режим владельца, где изменение запаса меняет то, что видят покупатели). Все десять модулей «Онлайн-курсы и цифровые продукты» открывают образец школы выпечки Rise & Crumb: запуск урока (скорость, субтитры), отметка как пройденного, заполнение кольца прогресса, прохождение теста, запись с бесплатного превью, просмотр сертификата, вопрос под уроком, покупка цифровой загрузки, выбор пакета курсов или отметка дополнения при оплате, а также переход в режим владельца, чтобы переименовывать, менять порядок, добавлять или снимать с публикации уроки и задавать, когда открывается каждая неделя. В модуле расписания выпусков строка «Время предпросмотра» над рамкой содержит «Перемотать на неделю вперёд» (и «Вернуться к сегодня»), чтобы вы могли увидеть, как заблокированные уроки открываются в свои даты.

Над рамкой: одна строка вариантов для каждого варианта, который предлагает модуль (например, Макет магазина: Сетка, Список или Избранное; Корзина: Выезжающая корзина или Страница корзины плюс Оформление: На одной странице или Пошагово; Правило выпуска: По заданным датам, Через дни после присоединения или После прохождения последнего урока). Выбор сразу перерисовывает образец сайта в этом варианте и сохраняется в адресе страницы (?v=…), так что ссылкой на конкретный вариант можно поделиться. «Компьютер» и «Телефон» меняют размер рамки, и образец сайта перестраивается так, как было бы на телефоне (на настоящем телефоне это простая подпись «Вид на телефоне»). Кнопка «Сбросить» возвращает образец сайта в исходное состояние. Короткая строка «Что сделать» перечисляет, на что нажать в первую очередь, а описание каждого выбранного варианта находится под рамкой. Внутри проекта с цветами бренда в брифе переключатель «Показать в цветах этого сайта» меняет основной цвет образца на цвет проекта (только если этот цвет достаточно тёмный, чтобы белый текст на кнопках оставался читаемым).

Ничто в рабочем предпросмотре не передаётся на сервер. Подключения к платежам нет: оформление заказа помечено как «Предпросмотр — ничего не списывается и заказ не отправляется», номер карты — фиксированный образец только для чтения, а кнопки электронных кошельков (Apple Pay, Google Pay, PayPal) лишь показывают примечание. Письма не отправляются, отзывы не публикуются, ничего не сохраняется; при уходе со страницы всё забывается. Образцы бизнесов, товаров, людей и цены вымышлены. Подпись под рамкой говорит об этом: «Рабочий предпросмотр с образцовыми данными вымышленного бизнеса. Ваша версия использует ваши товары, цены, формулировки и бренд. Здесь ничего не списывается, не сохраняется и не отправляется.» Все остальные модули «Создано для вас» по-прежнему показывают иллюстрацию макета.

• Что видит посетитель — пронумерованный понятный пошаговый обзор того, что на самом деле переживает человек, использующий модуль.
• Что вы получаете — что модуль передаёт владельцу проекта (заявки, записанные в настоящем месте, статус, который можно обновлять, и так далее).
• Возможности и — только для модуля с реальными именованными вариантами из каталога — набор карточек «Выберите вариант» прямо в этом разделе (первая выбрана по умолчанию и отмечена маленькой галочкой), так что реальный выбор «или-или» (а не просто свободная настройка текстом) делается здесь, а не вводится вручную.
• Почему это важно — честный довод в пользу того, зачем бизнесу это нужно.
• Как это настраивается («Готово сейчас») или Варианты на выбор («Создано для вас») — что на самом деле можно сделать отличающимся.
• Лучше всего подходит для — те же фишки типов бизнеса, что и на карточке, показанные полностью.
• Как это создаётся — одно простое предложение о том, как именно появляется этот модуль: либо это готовая страница, которую движок уже отображает и проверил, либо он встраивается в сайт искусственным интеллектом во время сборки; если нужна сторонняя учётная запись, например для платежей или карт, это тоже указывается.

Внизу находится кнопка «Добавить в {название проекта}» (или «в ваш проект», если вы просматриваете без выбранного проекта). Если у модуля есть идеи для настройки, сначала показывается список с пометкой «Предлагаемые настройки» для модуля «Готов сейчас» или «Выберите нужные варианты» для модуля «Создан для вас». Отмеченный пункт добавляется в отправляемый запрос именно как строка, а не просто как галочка.

Для модуля с рабочим предпросмотром панель находится в левой колонке под предпросмотром и начинается с «Ваш вариант» — вариант, выбранный в строках выбора предпросмотра (например, «Корзина: страница корзины · Оформление: по шагам»). Что бы ни отображалось в предпросмотре в момент нажатия «Добавить», то и записывается: это сохраняется в брифе проекта вместе с модулем, а в рабочей задаче указано «Вариант: …», чтобы тот, кто будет делать сайт, сделал именно этот макет. Если у модуля есть именованные варианты в разделе «Возможности», там появляется вопрос «Что для вас важнее всего?», чтобы два выбора не путались.

«Что должно отличаться для вас?» — это свободная текстовая заметка с той же кнопкой диктовки, что и везде в aiKit, а также кнопка «Прикрепить фото или PDF» (только изображения и PDF, до 2,5 МБ каждый) для логотипа, эталонного фото или технического задания. Прикреплённые файлы появляются там же в виде чипов, которые можно удалить. Если модулю нужны конкретные вопросы, без ответов на которые его нельзя качественно создать, они показываются в разделе «Что мы вас спросим», и у каждого есть своё необязательное текстовое поле, так что можно ответить сразу, а не ждать вопроса позже.

Кнопка «Добавить в план» всегда доступна, как только вы открыли реальный проект: она записывает выбор в бриф проекта (тот же план, который читают экран «План сайта» и страница проекта) и создаёт настоящую рабочую задачу для сотрудников во вкладке «Обратная связь», помеченную «Ждёт нас», точно так же, как любой другой запрос. Кнопка «Добавить и собрать сейчас» появляется рядом только тогда, когда у проекта уже есть реальные файлы для редактирования: его первая сборка завершена или сайт уже опубликован. Она делает те же два действия, а затем сразу запускает эту рабочую задачу через тот же ИИ-редактор, которым пользуется «Исправить с ИИ», без отдельной очереди. Попытка добавить модуль, который уже есть в проекте, отклоняется с понятным сообщением «уже есть в этом проекте», а дубликат не создаётся.

После отправки вместо кнопок появляется подтверждение с тем, что действительно произошло: простое сообщение «Добавлено в план как рабочая задача» или, для запроса «собрать сейчас», фактический статус (запущено или конкретная причина, почему не удалось, например, что работа приостановлена до одобрения перед публикацией). Также есть две ссылки: «Открыть план» и «Посмотреть запросы», чтобы вы всегда знали, куда что делось.

По адресу /projects/kit, с тем же реальным входом, что и в остальной панели хостируемых проектов, и без необходимости выбирать проект, всё работает точно так же, пока вы не попытаетесь что-то добавить. Нажатие «Добавить в проект» (на кнопке написано именно так вместо «Добавить в план», если проект не загружен) открывает окно «В какой проект добавить?» — небольшой список всех проектов вашей учётной записи. Выберите один, и вы сразу попадёте в «Обозреватель набора» этого проекта с тем же модулем, готовым к добавлению. Если проектов ещё нет, в списке об этом прямо сказано и есть ссылка «Начать проект →», чтобы вы не застряли.