Итоговая работа с Искином: интервью, сайт и критическая проверка

Интервью с Искином — разговор, где ИИ задаёт вопросы по полям брифа и по ответам собирает сайт и сервис; результат проверяет человек.

От запроса к собеседнику

Вспомните путь этой части. Сначала вы описывали сайт конструктору и получали шаблон. Потом научились ставить задачу как бриф, проверять выдачу и собирать конвейер с проверками. Остался логичный шаг: не ждать запроса, а расспрашивать. Мы видели его в уроке о запросах как брифах как приём «дай модели переспросить»: если не хватает данных, пусть задаст вопросы, а не придумывает.

Так устроен Искин: имя, которое в этом учебнике носит такой собеседник. Он не принимает один длинный запрос, а ведёт интервью по полям брифа, записывает ответы, а затем собирает из них сайт и сервис «под ключ»: структуру, тексты, код и то, что нужно главному действию (форма и приёмник заявок, запись, заказ). В прологе вы видели его последним кадром: Эхо задаёт следующий вопрос интервью.

Оговорка о том, что здесь настоящее. В учебнике интервью и сборка показаны в учебном режиме: вопросы написаны заранее, модель не запускается, а страница показывает, что интервьюер сделал бы с вашими ответами. О настоящих возможностях проекта Искин смотрите на сайте NoeticEcho. Но принцип вы можете применить прямо сейчас с любой моделью: попросите её задавать вопросы по полям вашего брифа, прежде чем писать хоть строчку.

Восемь вопросов

У каждого вопроса интервью есть причина, и она связана с полем брифа. Чем вы занимаетесь: из этого получится заголовок и первый абзац (иначе будет лозунг). Для кого: определит слова и порядок. Что должен сделать посетитель: это главное действие, вокруг которого строится страница. Какие разделы: структура и меню. Что вы предлагаете: содержимое карточек (придумывать предложения нельзя). Чем подтверждаете: подтверждения берутся только отсюда, и если их нет, блока тоже нет. Как с вами связаться и что нельзя публиковать: контакты и запреты решаете вы. И каким голосом вы говорите, на двух ваших фразах.

Хороший ответ конкретен и честен. А главное правило интервью такое: «не знаю» это допустимый ответ. Хороший собеседник не заполнит пробел за вас: на этом месте будет пустое поле с пометкой для вас, и на странице его не будет.

Пройдите интервью на схеме. Бриф подставлен ваш, и его можно править. Нажмите «Не знаю» на любом вопросе и посмотрите, что изменится в итоге.

Это показ работы. Вопросы написаны заранее, модель не запускается: страница показывает, что интервьюер сделал бы с вашими ответами. Бриф подставлен ваш, его можно править.

Вопрос 1 из 8

Чем вы занимаетесь, одной-двумя фразами?

Зачем: Из этого получится заголовок и первый абзац. Без вашей сути Искин напишет лозунг.

Ваш ответ

Дальше Не знаю Назад

Бриф заполнен на 0 из 8. Пока пусто: who, forWhom, action, sections, items, proofs, contacts, tone.

Проверьте себя: что делает Искин, если вы ответили «не знаю» на вопрос о подтверждениях?

Оставляет место пустым и не выдумывает подтверждения. Блока подтверждений на странице не будет, а в списке для вас появится пометка, что их нужно добавить.

Что собирается и что остаётся вам

Из ответов собирается сайт (структура из ваших разделов, тексты из ваших фактов и в вашем тоне, код) и сервис под главное действие: для записи форма, календарь и письма; для заявки форма, приёмник и уведомление; для заказа каталог и оплата через готовый сервис. То же, что вы строили вручную в частях про серверы, данные и инфраструктуру.

Но не всё решает Искин, и это правильно. За вами остаются: правдивость фактов (знаете только вы), политика и согласие (текст согласуете с юристом), деньги (оплату подключаете сознательно, через готовый сервис), публикация (выкладывать или нет, решаете вы после проверки). И, главное, проверка. Любая сборка, сделанная ИИ, всего лишь черновик, пока человек не проверил.

Итоговая проверка: четыре области

Проверка из урока о проверке выдачи ИИ становится здесь шире. После фактов, безопасности и закона, которые вы уже умеете проверять, идут четыре области, о которых вы узнали в частях про HTML, CSS и качество.

Доступность. У содержательной картинки alt, у каждого поля подпись label, текст достаточно контрастен (не ниже 4,5 к 1 для обычного размера), страница проходится клавишей Tab. Это то, чем «кнопка из div» и серый текст на белом отличаются от настоящей страницы.

Смысловая разметка. Один h1, названия разделов как h2, и никаких прыжков уровней (после h2 идёт h3, не h4). Предложения в настоящем списке ul, а не в строках с br. Если страница выглядит правильно, но устроена как набор div, то для программ чтения с экрана и для агентов она пустая.

Тексты. Без пустых формул («рады помочь вам достичь новых высот»), без восклицательных знаков, без безликих «Подробнее» (ссылка должна говорить, куда ведёт). Подпись кнопки называет действие вашего проекта. Это тот же информационный стиль, что в части про тексты.

Скорость. У каждой картинки width и height (иначе страница «прыгает», когда картинка загрузится). loading="lazy" ставят только картинкам ниже первого экрана, а главная картинка видна сразу и должна грузиться сразу: если её отложить, самый заметный элемент появится позже, и показатель LCP (время появления главного содержимого) ухудшится. И никаких чужих скриптов и шрифтов без нужды: каждый это дополнительный сервер, дополнительный запрос и вопрос для политики.

Проверьте себя: почему главной картинке не ставят loading="lazy"?

Она видна сразу, и откладывание её загрузки задерживает самый заметный элемент страницы: LCP ухудшается. Отложенная загрузка для картинок ниже первого экрана.

Практика

Итоговая работа. Перед вами сайт вашего проекта, как его собрал бы ИИ: заголовок, кнопка, две картинки, разделы, предложения, примечание и форма. В нём есть ошибки всех четырёх видов, и кое-что нужно исправить в стилях. Исправьте всё в коде и в styles.css, а в журнале запишите не меньше шести находок (что нашли и как исправили) и скажите, какие области проверили. В конце честно ответьте: готов ли сайт к запуску и что остаётся человеку.

Проверка читает код и стили: найдёт, остались ли h4, картинки без alt, пустые формулы, чужие ресурсы, достаточен ли контраст. Но она не пройдёт страницу клавишей Tab и не прочитает текст так, как читаете вы. После неё сделайте это сами: нажмите Tab и посмотрите, куда идёт фокус, а потом прочтите текст вслух.

Что было не так с 2025 годом

В 2025 году черновик ИИ принимали за готовый сайт: он выглядел современно, и этого хватало. Теперь понятно, что настоящая работа начинается после генерации: проверить, исправить, ответить за результат. Тот, кто прошёл эту книгу, может это делать: вы знаете, как должна быть устроена страница и почему. В этом и состоит человеческая часть работы.