Урок 5. Вайб-хакатон: создаем MVP за 3 часа с помощью AI

Дата: 28 февраля 2026 Урок: 5 из курса «Технологическое предпринимательство» Источник записи: Voice Memo Преподаватель: Василь Закиев

1. Вводная часть: формулировка задач на хакатон

Занятие начинается с того, что каждый студент озвучивает, какой MVP он планирует собрать за ближайшие три часа. Преподаватель комментирует каждую идею и помогает сфокусировать задачу.

Проекты студентов

• Сайт доставки здорового питания — описание продукта, инструкции, консультация врача-диетолога, выбор блюд. Преподаватель рекомендует не ограничиваться описанием, а сразу сделать возможность заказа.
• Доска объявлений с персоналиями — каталог специалистов, ссылка на который отправляется всем, кто спрашивает рекомендацию.
• Приложение для сканирования продуктов — онбординг, распознавание продуктов по фото, генерация рецептов с КБЖУ, трекинг сроков годности.
• Корпоративное мобильное приложение ProGSP — профориентация, адаптация персонала, тестирование сотрудников.
• Агрегатор книжных клубов — каталог клубов с возможностью подписки и выбора.

2. Зачем нужен MVP: проверка гипотез, а не «что получится»

Задача MVP не в том, чтобы сделать «что получится», а сделать то, что позволит проверить жизнеспособность вашей идеи.

Преподаватель подчеркивает: цель MVP — не красивый продукт, а инструмент проверки гипотезы. Важно понять, будут ли люди вообще пользоваться вашим решением.

Примеры из обсуждения

• Агрегатор книжных клубов: если люди подписываются — значит, тема им интересна. Какой тип клуба выбирают? Может оказаться, что ключевой фактор — не формат, а расстояние от дома.
• Сайт доставки питания: должен выглядеть как полноценный сервис (по принципу Fake it till you make it) — с корзиной, выбором блюд, оформлением доставки.

3. Реальное поведение пользователей vs. декларируемое

Преподаватель рассказывает о важном наблюдении из практики:

Люди говорят, что им важны квадратура, свет и прочие характеристики — а выбирают то, что ближе к дому.

Кейс: детские кружки робототехники

• Родители называли десятки причин, почему выбирают конкретный кружок.
• На практике надолго оставались только те, кому было удобно логистически: забрал ребенка — привез на кружок — это вписывается в ежедневный маршрут.
• Если логистика неудобная — через три месяца находились причины бросить: болезнь, праздники, потеря мотивации.
• Также важен человеческий фактор: специально нанимали «бородатых студентов», потому что дети к ним тянулись.

Вывод: MVP нужен именно для того, чтобы отделить декларируемое поведение пользователей от реального. Сайт позволяет это измерить.

4. Принцип Fake It Till You Make It

Прямо должна быть копия Яндекс.Еды с выбором блюд — можно натыкать, собрать корзину, заказать доставку.

Для MVP сайта доставки питания преподаватель рекомендует делать полноценно выглядящий интерфейс, даже если за ним пока нет реальной инфраструктуры. Пользователь должен пройти весь путь: выбор, корзина, заказ. Это позволяет собрать данные о реальном спросе.

5. Упрощение MVP: практические советы

Мобильное приложение vs. мобильный сайт

• Мобильное приложение — сложный контейнер; сначала нужно сделать сайт, а потом упаковать его в приложение.
• Для MVP лучше писать «мобильный веб-сайт» — так и AI-инструментам проще, и разработка быстрее.

Авторизация для корпоративного продукта

• Вместо сложной схемы с SSO предлагается вход по индивидуальному корпоративному коду.
• Первая страница описывает содержание сайта, внизу — поле для ввода кода.
• После ввода кода открываются тесты и задания; администратору видно, кто заполнил, кто нет.

Распознавание продуктов по фото

• Технически несложно: регистрация на OpenRouter, получение API-ключа, пополнение на 3 доллара.
• Можно найти бесплатную модель для распознавания изображений.
• На сайте пользователь загружает фото — получает результат.

6. Работа в Cursor: пошаговая инструкция

Основная часть занятия — практическая работа в редакторе Cursor (AI-редактор кода). Преподаватель помогает каждому студенту настроить среду.

Первоначальная настройка

1. Установка и вход — регистрация на cursor.com, вход через Google или почту.
2. Open Project — открыть папку, в которой лежат файлы проекта (например, интервью с прошлых занятий). Это дает AI контекст о проекте.
3. Переключение темы — рекомендуется светлая тема (Cursor Light) для лучшей читаемости.
4. Режим Editor — через шестеренку переключить вид на Editor (слева — файлы, в центре — код, справа — чат).

Режимы работы в Cursor

• Ask — «болтательный» режим: задаете вопросы, обсуждаете идею, добиваетесь взаимопонимания с AI.
• Plan — режим планирования: AI составляет план реализации.
• Agent — режим исполнения: AI сам создает файлы и пишет код.

Рекомендуемый порядок работы

1. Переключиться в режим Ask.
2. Написать: «Я хочу создать мобильный веб-сайт, который...» — описать идею.
3. Обсуждать с AI, пока не сложится взаимопонимание (мета-промптинг).
4. Переключиться на Plan (или написать: «а теперь напиши план»).
5. Когда план готов — нажать кнопку Build, и AI соберет приложение.

Когда вы поймете, что у вас взаимопонимание сложилось в этом диалоге, вы переключитесь на режим Plan.

Полезные функции

• Preview — предварительный просмотр результата прямо в редакторе.
• Отслеживание изменений — файлы с изменениями выделяются цветом; кнопка Keep применяет изменения. Удобно для дипломных работ: всегда видно, что именно AI изменил.
• Выбор модели — по умолчанию ставить Auto (остальные модели платные).
• Множество чатов — можно вести несколько параллельных диалогов, закрывать старые.

7. Демонстрация: лендинг за минуты

Преподаватель показывает живую демонстрацию: в режиме Agent дает команду «сделай мини-лендинг с саммари вчерашнего занятия». AI создает HTML-файл прямо в папке проекта.

Результат

• Готовая HTML-страница с содержанием лендинга.
• Файл лежит локально на компьютере.
• Следующий шаг — разместить на хостинге (Яндекс, u-Zver и другие: есть бесплатные варианты, платные — от 100-500 рублей).

8. Контекст и инфраструктура

Почему важно работать в одной папке

Если открыть проект в той же папке, где лежат предыдущие файлы (интервью, заметки), AI получает контекст о проекте — как облако информации. Это улучшает качество генерации.

Дополнительные возможности Cursor

• Встраивается в Excel, PowerPoint, Chrome.
• Может использоваться не только для разработки, но и для работы с документами.

Состояние интернета и VPN

Преподаватель отмечает растущие проблемы с интернет-инфраструктурой:

• Из-за роста AI-трафика увеличивается количество атак, пакеты теряются.
• VPN иногда помогает не из-за обхода блокировок, а потому что меняет маршрут пакетов.
• Некоторые ресурсы блокируются корпоративными файерволами — решение: временно отключить или использовать другую сеть.

9. Технические проблемы и их решение

Значительная часть занятия посвящена помощи студентам с настройкой:

• Cursor не открывается — попробовать другой браузер, перезагрузить компьютер.
• Корпоративный антивирус/файервол блокирует подключение — временно отключить брандмауэр.
• Проблемы с Wi-Fi — переключиться на раздачу с телефона преподавателя.
• Старые Mac на Intel — работают, но для комфортной работы нужно минимум 16 ГБ оперативной памяти.

Рекомендация по технике

• Поддержанные MacBook Air на M1 — отличный выбор за 40-50 тысяч рублей.
• Единственное ограничение — оперативная память: не менее 16 ГБ (8 ГБ уже недостаточно).

Домашнее задание

Явного домашнего задания на занятии не озвучено. Подразумевается:

• Доделать MVP, начатый на хакатоне.
• Разместить сайт на хостинге, чтобы его можно было отправить потенциальным пользователям.
• Продолжить диалог с AI в Cursor, довести проект до состояния, пригодного для тестирования гипотезы.

Ключевые понятия урока