Эксперимент: создаю презентацию с помощью вайбкодинга. День №2 🧡

Выбрали идею, теперь самое интересное. Создаем архитектуру (она же ТЗ, она же PRD, как вам удобнее).

В моем случае это ТЗ для презентации. Для простой презентации нам, в целом, не нужны сложные UX-флоу или функциональные требования. Фокус на двух вещах: качественный контент + запоминающийся визуал, который передает вайб презы. UX классический: листаем слайды, возможно добавим пару интерактивов по ходу.

Мой процесс под эту задачу выглядил так:
❤ Сгенировала черновик плана.
Открыла Google Doc и попросила Gemini сделать черновик структуры презентации. Он выдал неплохой вариант для старта. Сразу добавила свои мысли, идеи в комментарии к этому плану, чтобы не забыть.

❤ Собрала контекст отовсюду.
- Поресерчила примеры на Reddit и Twitter через deep research
- Полазила по рабочим чатам и документам, где мне оставляли фидбек. Искала реальные примеры из своей жизни
- Зашла в почту (подписана на рассылки по бизнес-английскому) и попросила Gemini вытащить полезные фразочки из этих рассылок
- Нашла пару подкастов и транскрибировала их
- Нашла отрывки из любимой книги

❤Загрузила все в одно место.
Все файлы, ресерчи, примеры. Это теперь важный контекст для AI. Я сейчас тестирую Cursor, поэтому все сохранила там. Но можно использовать Projects, например, в ваших любимых нейросетях, или просто добавлять в чат все файлы (если позволяет нейросеть).

❤Составила ТЗ с опорой на контекст.
На основе всего собранного контекста попросила AI написать детальный сценарий по слайдам. Потом было много итераций доработки контента.

❤Добавила визуальную концепцию.
Когда я поняла, что контент готов, я сгенерировала UX для каждого слайда по смыслу, подредактировала, а потом сгенерировала дизайн. Мне захотелось чего-то ностальгического: девяностые, пиксельный арт, вот это вот все.

Что получилось на выходе
✔ Детальный сценарий (что на каждом слайде)
✔ Рекомендации по UX (как расположена информация)
✔ Общая концепция UI (визуальный стиль)

Главный инсайт этого этапа: AI помогает собрать и структурировать, но финальные решения все равно за тобой. Ты редактируешь, выбираешь примеры, задаешь вайб.

Следующий шаг: первый прототип.

Продолжаем?🔥

Ваша Туча 🧡