Шаг 01
Приложение установлено
Ссылку на установку бот присылает после слова «старт». На рабочем столе появляется значок AI DIY — с него и начинается сборка.
Токены начисляются сразу после старта
квиз · выбор профессии
10 вопросов
один вечер
Тест на профессию вместо вечного «а кем ты хочешь стать»
Десять вопросов на экране отвечают на то, о чём спорят месяцами. Соберите такой тест сами: вопросы придумываете вы, код пишет бот. Один вечер, один HTML-файл, ноль подписок.
Квиз не выбирает за человека — он показывает три близких направления и предметы, которые стоит подтянуть.
сцена 01
Воскресный ужин
«Ну и кем ты будешь?» — и тишина. Подросток пожимает плечами, вы обещаете поговорить позже. Разговор случается через месяц за тем же столом.
сцена 02
Консультация на три часа
Записались, приехали, отсидели. На выходе — распечатка с «ваш тип личности» и предложение оплатить расшифровку. Куда идти учиться, в ней не написано.
сцена 03
Сорок вкладок и ноль ответов
Ребёнок говорит «не знаю», вы листаете подборки вузов и статьи «куда пойти после 9 класса». К вечеру в голове каша и ни одной зацепки.
01 · цена вопроса
Сколько это стоит
У всех трёх путей один результат — тест, который проходит подросток и на который смотрят родители. Разница в цене, сроке и в том, кому останется файл.
| Нанять разработчика | Купить подписку | Собрать самому | |
|---|---|---|---|
| Деньги | Десятки тысяч рублей за макет и сборку плюс счёт за каждую доработку. | Ежемесячный платёж за доступ к чужому сервису: платите, пока квиз нужен. | Ноль рублей. 5 000 000 токенов от бота и собственный файл на диске. |
| Срок | От недели до месяца: бриф, макеты, согласования, тестирование. | День на освоение чужой панели, дальше всё по её правилам. | Один вечер. Семь шагов и 8–15 ответов боту. |
| Правки | Каждая переформулировка вопроса — задача, срок и новый счёт. | Только те настройки, которые разрешил сервис. Остальное — письмо в поддержку. | Словами. «Поставь вопрос про любимый предмет первым» — и готово. |
| Кому принадлежит | Исполнителю: у него исходники и право переделывать. | Сервису: перестали платить — квиз исчез вместе с ответами. | Вам. HTML-файл можно копировать, переносить и открывать без интернета. |
Точных цен здесь нет: они зависят от города и аппетитов подрядчика. Важна структура — смета, которая растёт с каждой правкой, против файла, который уже ваш.
02 · аргументы
Пять причин собрать самому
Причины бытовые — ровно те, из-за которых самодельные вещи живут дольше заказных.
-
Экономия без сметы
Вы не покупаете часы разработчика и не платите за каждую новую формулировку. Нужны бот, голова и вечер времени — вместо договора на несколько страниц.
-
Приложение принадлежит вам
Файл лежит на вашем диске и открывается без интернета. Его можно переслать учителю, положить на флешку в кабинет профориентации и не потерять вместе с чужим тарифом.
-
Правки словами
Заметили, что вопрос про зарплату пугает девятиклассников, — пишете боту «переформулируй мягче». Никаких заявок, оценок и ожидания спринта.
-
Не нужно ждать разработчика
Сезон приёма не сдвинется. Вы успеваете к родительскому собранию в четверг, а не к следующему кварталу.
-
Нет лимитов тарифа на функции
Ветвление, подсчёт баллов, статистика, выгрузка заявок — не платные модули, а части одного файла. Ставить галочку «нужен тариф выше» не придётся.
03 · содержание
Что будет в квизе
Шесть частей, из которых собирается рабочий тест. Бот делает их сразу, а не «в следующей версии».
01
Вопросы с вариантами
Один вопрос на экран, крупные кнопки, ход видно по полоске прогресса. Человек не листает портянку из тридцати пунктов.
02
Ветвление
Ответили «не люблю общаться» — вопросы про продажи и преподавание не появятся. Каждый видит свою короткую дорогу.
03
Подсчёт баллов
Ответы складываются в шесть шкал: техника, люди, информация, творчество, порядок, движение. На выходе — профиль, а не «вы гуманитарий».
04
Результат с рекомендацией
Две-три профессии с пояснением, какие предметы усилить, и одно дело, которое можно попробовать на неделе.
05
Сбор контакта
На экране результата — имя, класс или возраст, способ связи родителя и галочка согласия. Без телефона в мессенджере вручную.
06
Статистика прохождений
Сколько начали, сколько дошли до результата, на каком вопросе чаще уходят, какие профессии в топе.
04 · инструкция
Семь шагов: от «старт» до файла
Кнопки называются так же, как в интерфейсе. Скриншоты сняты в реальном прохождении — по ним легко сверить, что вы на нужном экране.
Шаг 02
Нажмите «Открыть веб-интерфейс»
В приложении нажмите «Открыть веб-интерфейс» — работа продолжится в браузере. Там удобнее читать ответы бота и забирать готовый файл.
Дальше всё происходит в браузере
Шаг 03
Нажмите «Создать проект»
На экране «Ваши проекты» нажмите «Создать проект» справа сверху. Каждый проект — отдельная папка со своей историей переписки и файлами.
Лишний проект не помешает
Шаг 04
Впишите название и нажмите «Создать проект»
Например, «Квиз: выбор профессии». Название потом меняется и ни на что не влияет — это просто ярлык на папке.
Пишите так, как будете искать через месяц
Шаг 05
Скопируйте промпт с этой страницы
Нажмите «Скопировать промпт» в блоке ниже, вернитесь в проект и вставьте текст в поле сообщения через Ctrl+V (на Mac — Cmd+V).
Вставляйте целиком, не по частям
Шаг 06
Нажмите «Отправить» ↑
Кнопка со стрелкой справа от поля — или просто Enter. Промпт длинный, это нормально: отправляйте его целиком.
Enter отправляет, Shift+Enter переносит строку
Шаг 07
Ответьте на 8–15 вопросов бота
Бот спросит, для кого тест, какие направления важны и что человек видит в конце. Диалог закончится одним файлом — его открывают двойным щелчком.
Отвечайте обычными словами — варианты бот предложит сам
05 · промпт
Промпт для теста на профессию
Скопируйте текст кнопкой и вставьте его в поле сообщения нового проекта. Бот спросит про вашу аудиторию и соберёт квиз.
Роль: senior product designer, UX-архитектор и фронтенд-разработчик. Помоги человеку без технических знаний собрать квиз «выбор профессии» как один HTML-файл. Я не программист: структуру, поля и экраны придумай за меня.
Сначала задай 8–15 простых вопросов с готовыми вариантами: для кого тест — подросток после 9 класса, после 11 или взрослый, меняющий работу; какие направления мне интересны (техника, медицина, люди, текст, числа, работа руками); сколько вопросов я готов задать; спрашивать ли про любимые школьные предметы и хобби; что человек получает в конце — список профессий, три варианта с пояснением или разбор по шкалам; нужен ли контакт родителя и что писать в согласии; хочу ли я видеть статистику. Не спрашивай про фреймворки, базы данных и хостинг. Перескажи услышанное своими словами и начинай сборку.
Модель данных: вопрос — текст, порядок, тип выбора (один вариант или несколько), обязательность; вариант — текст, баллы по шкалам, целевая ветка; ветка — условие, какой вопрос открывается после ответа; результат — название профиля, две-три профессии, что подтянуть в школе, первое действие для проверки; лид — имя, класс или возраст, способ связи, ответы, результат, дата, отметка «перезвонили»; прохождение — статус и лог ответов с временем.
Статусы прохождения: старт → вопросы → результат → заявка. Если человек дошёл до результата, но контакт не оставил, прохождение остаётся с ответами и без заявки.
Четыре экрана. «Стартовый экран»: обещание, время прохождения, кнопка «Пройти тест». «Вопросы»: один вопрос на экран, крупные варианты, прогресс, кнопки «Назад» и «Дальше», ответ сохраняется сразу. «Результат»: профиль, две-три профессии с пояснением, какие предметы усилить, одно дело на пробу, форма контакта с согласием и кнопка «Получить разбор». «Список прохождений»: фильтры по статусу и профилю, карточка с ответами, отметка «перезвонили», сводка — сколько начали, сколько дошли до результата, на каком вопросе чаще уходят.
Подсчёт: у каждого варианта баллы по шести шкалам (техника, люди, информация, творчество, порядок, движение). Шкалы складываются в профиль, профиль переводится в профессии. Ветки отсекают лишнее: если человек не любит общаться, вопросы про продажи и преподавание не показываются. Противоречивые ответы не прячь — покажи два близких профиля и совет «проверить руками».
Оформление: спокойный светлый стиль, крупная типографика, читаемые варианты, один акцентный цвет, скругления 14–24 px. Без стоковых фото, внешних шрифтов и библиотек — только CSS.
Технически: один HTML-файл, стили и чистый JS внутри, данные — localStorage. Без сервера, сборщиков и npm. Слои: хранилище → сущности → подсчёт → компоненты → экраны → навигация. После каждого ответа состояние сохраняется, экран перерисовывается. Предусмотри пустые списки, подтверждение удаления, сброс прохождения и битые данные в localStorage.
Заполни демо-данными: шесть профессий в трёх профилях и пять прохождений с разными статусами. Добавь кнопку «Очистить демо-данные» и выгрузку заявок в CSV. Проверь сам: полное прохождение, возврат назад, работу ветки, уход без контакта, удаление прохождения, экран 360 px. Ответом должен быть готовый HTML-файл целиком; правки присылай так же.
Моя задача: квиз, который помогает выбрать профессию и собирает заявки на разбор.
06 · вопросы
Что спрашивают до сборки
Обязательно ли быть дизайнером, чтобы собрать такой тест?
Нет. Бот соберёт вид по вашим словам: крупные варианты, полоска прогресса, карточка результата. Скажите «спокойно, без пёстрых цветов» — так и сделает.
Как поменять вопросы, когда тест уже готов?
Скажите боту, что именно изменить: «вопрос про любимый предмет поставь первым», «добавь вариант про работу руками», «убери вопрос про зарплату». Правки приходят в тот же файл, заново собирать не нужно.
Собирает ли квиз контакты и где они хранятся?
Да, на экране результата появляется форма: имя, класс или возраст, способ связи родителя, галочка согласия. Заявки лежат в списке прохождений внутри вашего файла, а по просьбе бот добавит выгрузку в CSV.
Придут ли заявки в Telegram сразу после прохождения?
По умолчанию нет: файл работает без сервера, поэтому заявки видны только в списке. Мгновенные уведомления заказывают отдельно — попросите бота, и он предложит вариант с ботом-пересыльщиком.
Сколько вопросов и веток выдержит тест?
Спокойно держит два десятка вопросов и десяток веток. Но для выбора профессии длинный тест вредит: до конца доходят охотнее, когда вопросов десять. Начните с короткой версии, остальное добавите позже.
Можно ли поставить квиз на сайт школы или открыть как приложение?
Да. Это обычный HTML-файл: его открывают по ссылке, вставляют в iframe на страницу или добавляют на домашний экран телефона. Ни базы данных, ни сервера, ни установки из магазина.
Пусть на «кем быть» отвечает тест
Напишите боту «старт», заберите 5 000 000 токенов и пройдите семь шагов. К вечеру у вас будет квиз, который сам объясняет, куда идти учиться, — и собирает заявки на разбор.
Начать в боте
Ссылка на приложение и токены приходят после слова «старт».