Кейс Как я навайбкодила презентацию за пару часов | Недавно я провела эксперимент, который немного изменил мой подход к созданию учебных материалов. И сегодня хочу поделиться результатом. | Что такое вайбкодинг? Это способ создавать сайты, приложения, презентации и интерактивные материалы с помощью ИИ — без знания кода. Вы описываете на человеческом языке, что хотите получить. ИИ пишет код. Вы итерируете. Результат появляется буквально на глазах. |
| Я задала себе вопрос: можно ли так сделать настоящую интерактивную презентацию с нуля, за пару часов? Спойлер: да. И вот как это было. | | Этап 01 Выбор идеиВайбкодинг начинается не с кода, а с понимания, ЧТО и ЗАЧЕМ ты создаешь. У меня была конкретная задача: презентация про культурные различия в коммуникации между Северной Америкой и СНГ. 10 минут живого выступления. Тема, которую я знаю и люблю. | Этап 02 ТЗ и сценарийЭтот шаг недооценивают. А он самый важный. Я собрала контекст отовсюду: реальные примеры из рабочих чатов, рассылки по бизнес-английскому, транскрипты подкастов. Потом попросила ИИ собрать из этого детальный сценарий по слайдам плюс визуальную концепцию. Захотелось чего-то ностальгического. Девяностые, пиксельный арт, вот это вот все 😂 | Этап 03 Первый прототипЗагрузила ТЗ в нейросеть, попросила создать интерактивную презентацию на HTML/CSS/JS. Результат появился за несколько минут. Для чистоты эксперимента сравнила сразу пять инструментов: Claude, Gemini, ChatGPT, Cursor и Canva. Все справились по-разному. | Этап 04 ИтерацииВот тут начинается настоящая работа. ВАУ-эффект от первого прототипа быстро проходит, и ты начинаешь видеть детали. Нашла референсы, поменяла весь стиль, прошлась по каждому слайду, описывала точные правки в промпте. Маленькими шагами доводила до ума. | Этап 05 Хостинг и финалКогда все было готово, опубликовала через GitHub Pages. Бесплатно, быстро. Теперь у меня есть публичная ссылка — посмотрите, что получилось: | Итог эксперимента От идеи до рабочего продукта по публичной ссылке. Без единой строчки кода, написанной вручную. | 2–3 часа от идеи
до результата | 1 интерактивная
презентация | 0 строк кода
вручную |
|
| | | | А теперь к главному Хотите так же? Сейчас самый выгодный моментНа этой неделе мы открываем закрытые продажи курса по вайбкодингу для тех, кто в анкете предзаписи. По самым комфортным ценам, которые больше нигде не появятся. Три недели практики — и у вас будет свой рабочий продукт: | Неделя 1 | Онбординг Выбираете идею, понимаете, что именно будете создавать, настраиваетесь на процесс | Неделя 2 | Прототип Создаете прототип своего продукта, прорабатываете UX и UI, учитесь итерировать | Неделя 3 | Разработка Публикуете продукт, разбираетесь с хостингом, медиа и интеграциями. Все-все-все |
| | Закрытые цены только для тех, кто в анкете. Открываем на этой неделе. | С теплом, LXD hero 🧡 | Вы получили это письмо, потому что подписались на рассылку.
Отписаться · Посмотреть в браузере |
|
|
