Вайбкодим квиз для сайта: ветвления, итог и заявка

Конструкторы квизов просят подписку, ставят свой логотип и плохо умеют ветвления: если человек на втором вопросе ответил «у меня пока нет сайта», третий вопрос про конверсию сайта ему показывать глупо. PDF-опросник вообще никто не заполняет. Квиз на 5–7 вопросов можно собрать самому одним HTML-файлом: ИИ-агент напишет код, а твоя задача — придумать логику и проверить, что каждый путь приводит к осмысленному итогу.

Здесь три промпта. Первый в обычном чате превращает твои вопросы в схему ветвлений и правила результата. Второй отдаёт эту схему агенту, и тот собирает quiz.html: мобильная вёрстка, кнопка «назад», экран итога, форма заявки и цели для аналитики. Третий заставляет агента пройти все пути квиза и найти тупики до того, как их найдёт клиент.

Что получишь

• Схему квиза в одной таблице: вопрос, варианты, куда ведёт каждый ответ, какой итог в конце.
• Файл quiz.html без внешних библиотек: все вопросы и итоги лежат в одном блоке настроек в начале файла, и текст можно править без агента.
• Свой экран итога под ответы каждого человека и форму заявки после него.
• Цели для Яндекс Метрики на старт, каждый шаг, итог и отправку заявки, чтобы видеть, где люди бросают квиз.
• Список всех путей с отметкой, что каждый дошёл до итога.

Как использовать

1. 1Набросай вопросы руками

   5–7 вопросов, у каждого 2–4 варианта. И 2–4 итога: что человек получит в конце.

2. 2Шаг 1 в обычном чате

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

3. 3Шаг 2 агенту

   Открой пустую папку в Claude Code или Cursor, отправь схему и промпт сборки.

4. 4Шаг 3 агенту

   Проверка путей и целей. Потом сам пройди квиз с телефона хотя бы три раза разными ответами.

5. 5Выложи и подключи

   Файл встаёт отдельной страницей или вставкой через iframe. Номер счётчика Метрики впиши в настройки.

Если вопросы для квиза ещё не придуманы, начни с гайда квиз, который собирает заявки: там про то, какие вопросы задавать, чтобы человек дошёл до конца. Здесь — про то, как собрать квиз руками агента.

Рядом по теме: ТЗ на квиз-лидмагнит: quiz.md для сборки за вечер, Claude Artifacts: квиз по выбору тарифа прямо из чата, Лид-магнит в виде инструмента: ИИ + вайбкодинг, статья «Что такое вайбкодинг» и Чек-лист «Перед запуском» (бесплатно).

Что дальше

• Квиз или калькулятор с честной логикой результата — если итог должен считать цену.
• Выложить проект в интернет без сюрпризов — куда положить quiz.html, чтобы он открывался по своему адресу.
• Мини-инструмент для своей работы в одном файле — тот же подход для других маленьких инструментов.

Если квиз нужен как часть лендинга вместе с блоками и призывами к действию, посмотри скилл Лендинг Мастер за 990 ₽.