Claude Artifacts: квиз по выбору тарифа прямо из чата

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

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

Что получишь

• 🌿Карту ветвления

  Вопросы, условия переходов и правило выбора тарифа одной таблицей. Видно, есть ли ответы, которые ведут в никуда.

• 🖱️Кликабельный прототип

  Квиз в артефакте: шаги, кнопка «назад», экран результата с объяснением, почему этот тариф.

• 🧪Проверку всех путей

  Режим проверки показывает, по какому пути ты прошёл и какие правила сработали.

• 📦Перенос в продукт

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

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

1. 1Выпиши тарифы и кому каждый

   Название, для кого, чем отличается от соседнего. Цены — твои реальные или условные, если прототип внутренний.

2. 2Собери логику в чате

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

3. 3Попроси артефакт

   Шаг 2 в том же чате. Claude показывает квиз справа от переписки, по нему можно сразу кликать.

4. 4Пройди все пути

   Включи режим проверки из шага 3 и пройди каждую ветку. Нашёл ошибку — опиши её словами в чате, артефакт обновится.

5. 5Реши, что дальше

   Для показа коллегам хватит самого артефакта. Для сбора заявок — шаг 4 и перенос на сайт.

Артефакт — это прототип. В простом артефакте ответы никуда не сохраняются: обновил страницу — всё сбросилось. Поэтому в нём проверяют вопросы, логику и тексты результатов. Что проверить перед тем, как отправить ссылку, — в гайде живая ссылка: проверить и упаковать перед показом.

Рядом по теме: Вайбкодим квиз для сайта: ветвления, итог и заявка, Веб-приложение для лид-магнита вместо PDF, Справочный бот в MAX: прототип в чате и ТЗ, статья «Что такое вайбкодинг» и Чек-лист «Перед запуском» (бесплатно).

Что дальше

• Как сделать, чтобы квиз ещё и собирал заявки, — квиз, который собирает заявки.
• Результат квиза легко подкрутить под «дорогой тариф всем». Как оставить логику честной — квиз или калькулятор с честной логикой результата.
• Другие маленькие инструменты в одном файле — мини-инструмент для своей работы.
• Если квиз встаёт на лендинг, тексты блоков и кнопок вокруг него поможет собрать скилл Лендинг Мастер за 990 ₽.