Перейти до вмісту
Екосистема:AI Новини·AI Навчання·AI Advisory Board
Ярослав Максимович
Усі уроки курсу
Безкоштовний переглядУрок 1

Сайт з AI-чатботом за 15 хвилин — без жодної стрічки коду

Вступне заняття, на якому ви побачите повний цикл створення продаючого сайту з AI-чатботом за 15 хвилин.

Про цей урок

Показую в реальному часі, як Gemini пише технічне завдання, а Google Antigravity та Claude Code паралельно будують робочий сайт. Обговорюємо, чому вміння давати задачу стає важливішим за вміння кодити, як AI змінює ринок праці (3 типи компаній, 25–50% людей мусять адаптуватись до 2030) та що таке «режим я-не-можу-спати».

01

Перш ніж почати

Швидкий старт у AntiGravity
Базові налаштування та гарячі клавіші для нового користувача
Детальне налаштування середовища — в Уроці 3. Тут — мінімум, щоб одразу почати працювати.
Ctrl+EВідкрити поле для вставки ТЗголовна дія в AntiGravity
Ctrl+LНовий чат із агентомчистий контекст
Ctrl+IInline-редагування кодуправки прямо у файлі
@Згадати файл або контекстдати агенту потрібні дані
Контроль токенів: Використані токени показані в правому нижньому куті вікна. Слідкуйте за ними, щоб не витрачати ліміт даремно — велике ТЗ «з'їдає» більше.
Покрокова інструкція
1
Скачали та встановили
Завантажте AntiGravity з офіційного сайту і встановіть як звичайний застосунок.
2
Відкрили проєкт
Створіть нову робочу теку — саме сюди агент згенерує файли сайту.
3
Натиснули Ctrl+E
Відкривається поле для вставки технічного завдання (ТЗ).
4
Вставили ТЗ → отримали результат
Оберіть модель, вставте ТЗ, зачекайте 10–15 хв.
02

Практика

Домашнє завдання
Виконайте кроки нижче — прогрес зберігається автоматично.

Мета — повторити демо на власній ідеї. Не ідеально — а зробити.

Інструменти на сьогодні
Gemini або ChatGPT — для написання ТЗ
Google Antigravity — середовище для вайбкодингу
Бонус: Wispr Flow — надиктовування в 3× швидше за друк

💡 Немає підписки? На Уроці 2 є 4 місяці Gemini безкоштовно.

План (≈ 30 хвилин)
Обрати ідею сайту: ваш реальний бізнес / гіпотетичний проект / портфоліо фрилансера.
Надиктувати в Gemini: «Допоможи створити продаючий сайт схожий на [приклад]. Потрібен AI-чатбот-консультант. Підготуй ТЗ, яке я передам у Antigravity».
Вставити ТЗ в Antigravity → модель GPT-5.1 Pro → чекаємо 10–15 хв.
Переглянути результат у браузері (http://localhost:3000). Не подобається — скріншот у Antigravity + «виправ ось це».
Чекліст здачі
Що здати
Скріншот головної сторінки або посилання на локальний сайт.
3–5 речень: що вдалось одразу, що переробляли, скільки часу зайняло.

Якщо застрягли — здайте як є і опишіть де. Це цінніше за «ідеал».

Про можливі додаткові витрати
Прозоро — щоб не було несподіванок під час навчання

Оплата курсу покриває доступ до навчальних матеріалів та супроводу. Під час практики ви працюєте зі сторонніми сервісами — інколи це може потребувати додаткових витрат.

Безкоштовні тарифи
Більшість сервісів (Gemini, ChatGPT, GitHub) мають робочі безкоштовні плани — їх достатньо для всього курсу.
Пробні періоди
Деякі інструменти дають тріал. У курсі покажу, як користуватися ними безкоштовно та коли тріал не потрібен.
Опціональна підписка
Для повного доступу до окремих функцій (напр. Pro-моделі) може знадобитись платна підписка. Це необовʼязково.
Орієнтовний мінімум для проходження курсу — 0 ₴: усе можна зробити на безкоштовних тарифах.
03

Матеріали уроку

Матеріали
3 матеріали
ChatGPTGitHub DesktopgithubПідбірка 99 AI-каналів
Сподобалось? Це був лише Урок 1 з 5

Повний курс «Основи роботи з АІ-агентами» — 5 уроків із практикою, домашніми завданнями та зворотним зв'язком від ревʼюера. Плюс бонусний урок про токени: скільки вони насправді коштують і як платити за них менше (аж до нуля).