L32. Gemini й Antigravity: підключення, навички та команди

Заплануйте приблизно 60–90 хвилин, щоб вибрати доповнення й перевірити копію особистого сайту в Antigravity App. Результат практикуму — локальна сторінка з посиланням для переходу до основного вмісту та файл review.txt із фактичними перевірками. Потрібні Windows, Antigravity з уроку 08 і папка Documents\AI-practice\personal-site. Працюємо з копією на комп’ютері; публікувати сайт не потрібно.

На занятті

Викладач порівнює підключення даних, збережену інструкцію та інструмент для роботи з файлами. На копії сайту разом додаємо посилання пропуску й перевіряємо його клавішами Tab та Enter.

Спочатку визначте, чого бракує

Щоб знайти сценарій у Drive, підключіть сервіс. Щоб щоразу скорочувати підписи за однаковими правилами, збережіть інструкцію. Щоб змінити HTML сайту, відкрийте його папку в Antigravity. Це різні можливості, навіть якщо ви входите всюди з одним Google Account.

[[VIS:g6_tool_roles]]

П’ять корисних способів розширення

Google Workspace у Gemini: знайти власний документ

Це Connected App, тобто підключений сервіс. На комп’ютері в Gemini відкрийте Customize → Connectors; якщо Customize приховано, спочатку натисніть More. Знайдіть Google Workspace та перегляньте доступні дії. Увійдіть із тим самим Google Account, що й у Drive. Потрібні Keep Activity — збереження активності — та відповідні smart features, або інтелектуальні функції. Для робочого чи навчального акаунта доступ також залежить від адміністратора. Не змінюйте ці налаштування, не прочитавши їх пояснення. Якщо сервіс ще не підключений, натисніть Add і пройдіть показане підтвердження доступу. [P301][P302]

Якщо ви вже зберегли сценарій уроку 20 у Google Документах, уведіть @ і виберіть Drive з підказки. Запит: «Знайди мій документ із назвою “Порядок на столі”. Випиши всі кадри та їхню тривалість. Покажи джерело». Підставте назву свого документа. Очікуємо п’ять кадрів і посилання для звірки. Якщо документа в Drive немає, вставте текст desk-script.txt у звичайний чат Gemini. Надішліть: «Випиши з наведеного тексту всі кадри та їхню тривалість». Звірте п’ять кадрів із файлом; у цьому варіанті посилання на Drive не потрібне. Цей маршрут не створює папки й не аналізує відео як документ. Від’єднати сервіс можна в Connected Apps. [P301]

Gem або skill: повторювати спосіб редагування

Gem зберігає інструкції для відповідей Gemini. У браузері відкрийте Gems → New Gem, заповніть назву й інструкції та натисніть Save. Наприклад, назва «Короткі підписи», інструкція: «Зберігай показані дії. Скорочуй, залишаючи не більше двох речень. Не додавай обіцянок користі чи успіху». Після збереження відкрийте його й надішліть підпис з уроку 25. Очікуємо коротший текст із тими самими діями. [P303]

На дату перевірки Google вже оголосив перехід Gems особистих акаунтів у skills з листопада 2026 року. Для повнолітніх користувачів з особистим акаунтом і Keep Activity навички вже доступні через Customize → Skills → Create → Create manually. Уведіть назву short-captions, короткий опис і ті самі інструкції. Натисніть Create. Щоб використати навичку, введіть / і виберіть її з меню. Якщо ваш інтерфейс показує новий спосіб через @, скористайтеся ним. Навичка не надає доступу до папки Windows. [P304][P305]

Modern Web Guidance: правила для вебпроєкту

Це набір інструкцій Google, за якими агент може перевіряти й поліпшувати сайт. В Antigravity App він доступний серед Build with Google Plugins. Потрібен доступ до Antigravity; окремі реєстрація чи ключ API для набору не потрібні. Запит: «Застосуй Modern Web Guidance й запропонуй одну перевірювану правку клавіатурної навігації». Перевірте, чи відповідь називає конкретну правку та спосіб її перевірки. [P306][P307]

Chrome DevTools: оглянути сторінку в браузері

Chrome DevTools MCP надає агенту інструменти для роботи з Chrome. MCP — спосіб підключення інструментів, а не окрема модель. В Antigravity App команда /browser запускає відповідного помічника й цей сервер автоматично; окреме ручне встановлення для цього маршруту не потрібне. Адміністратор може вимкнути браузерний доступ. [P308][P318]

Запит: «/browser Відкрий мій опублікований сайт за наведеною адресою. Перевір, чи працює посилання “Проєкти”, і покажи знімок результату». Додайте справжню адресу з уроку 14. Очікуємо перевірку переходу та знімок, а не лише переказ HTML. Ручне підключення до інших програм описано в документації сервера. [P309]

Google Antigravity для VS Code: працювати поруч із кодом

Якщо ви вже працюєте у редакторі коду VS Code, розширення додасть до нього панель Antigravity. Потрібні підтримувана версія редактора й Google Account із доступом до Antigravity, включно з безплатним рівнем. У VS Code натисніть Ctrl+Shift+X, знайдіть Google Antigravity від Google, натисніть Install, відкрийте його значок і ввійдіть. [P310]

Відкривши personal-site і styles.css, запитайте в панелі агента: «Поясни правило .intro двома реченнями; файли не змінюй». Очікуємо максимальну ширину (max-width) і розмір шрифту (font-size) з відкритого файла. Звірте названі значення з правилом: після попередніх вправ вони могли змінитися. Практикум нижче виконуємо в Antigravity App.

Практикум: маленька зміна, яку видно клавіатурою

Посилання пропуску переводить до основного вмісту сторінки, оминаючи меню. Клавіша Tab переміщує фокус — поточне виділення — між доступними елементами, а Enter активує вибране посилання. Основний вміст нашого HTML міститься в елементі <main>.

• У Провіднику скопіюйте personal-site всередині Documents\AI-practice. Назвіть копію personal-site-google; якщо назва вже зайнята, використайте personal-site-google-2 і працюйте саме з нею. Відкрийте index.html подвійним клацанням, щоб пересвідчитися, що копія працює.
• В Antigravity App відкрийте Settings → Customizations → Build with Google Plugins. Увімкніть Modern Web Guidance. Перевірте назву набору; решта інтеграцій для цієї вправи не потрібна. [P306]
• Виберіть New Project → Add Folder, укажіть копію папки й натисніть Create. У новому повідомленні напишіть: «Прочитай index.html і styles.css. Назви заголовок та три розділи. Поки нічого не змінюй». Натисніть Enter. Якщо застосунок запропонує вибір, оберіть Local, щоб працювати з цією папкою. Відповідь має описувати ваш сайт Олени. [P311]
• Надішліть наступне завдання й дочекайтеся завершення або конкретного запиту про потрібну дію.

> [PROMPT] Застосуй Modern Web Guidance до цієї копії сайту. Додай перед меню посилання «До основного вмісту», видиме при фокусі клавіатури. Воно має вести до main. Якщо main ще не має id, додай id="main-content"; посилання має використовувати відповідний #id. Збережи вступ, три проєкти й контакти. Змінюй лише index.html і styles.css. Не публікуй. Напиши, що змінилося і що перевірено; недоступний браузерний тест познач як ручний.

• Відкрийте показані зміни. Очікуємо нове посилання перед меню, відповідний id на <main> і CSS для видимого фокуса. Приклад узгодженої пари: href="#main-content" та id="main-content". Якщо <main> уже мав інший id, посилання має вести до нього.
• У браузері оновіть саме копію сторінки. Натискайте Tab до появи «До основного вмісту», потім Enter. Адреса має отримати відповідний #id, а перехід — привести до головного вмісту. Знову натисніть Tab: виділення має перейти до наступного доступного елемента в основному вмісті. Звузьте вікно й перевірте, чи текст посилання видно повністю.

[[VIS:g6_evidence]]

• У Блокноті створіть у копії папки review.txt. Запишіть фактичний результат за зразком нижче. Якщо перевірка не вдалася, опишіть побачене в новому повідомленні агенту.

Змінено: index.html, styles.css.
Перевірено: посилання видно після Tab; Enter веде до main.
Збережено: вступ, три проєкти, контактний розділ.
Залишилося: перевірка на справжньому телефоні.

• За потреби вимкніть набір у Build with Google Plugins. Для доповнень із Marketplace керування доступне також у Customizations → Installed через меню картки. Вимкнення доповнення не скасовує вже збереженої правки HTML. [P306][P312]

Шість команд у правильному середовищі

Тут App означає поле повідомлення Antigravity App на Windows. Введіть /, виберіть команду, допишіть своє завдання й натисніть Enter. Ці рядки не слід вставляти в PowerShell або звичайний чат Gemini. [P313]

| Де | Що ввести | Що перевірити |

| --- | --- | --- |

| App | /plan Додати посилання пропуску. Спочатку лише план. | План файлів і перевірок. [P315] |

| App | /grill-me Уточни вимоги до трьох карток проєктів. | Агент ставить питання по черзі; виберіть відповідь і натисніть Submit. [P316] |

| App | /goal Перевір посилання пропуску й виправ лише його помилки. | Правка та докази виконання. [P314] |

| App | /browser Перевір меню за цією адресою; нічого не надсилай. | Додайте URL; очікуємо результати огляду. [P318] |

| App | /plugin Покажи встановлені доповнення; нічого не змінюй. | Відповідь агента зі списком доповнень. [P313] |

| App | /learn Збережи правило: у цьому проєкті три картки й відносні шляхи. | Спочатку пропозиція правила для схвалення. [P317] |

/goal підходить для завдання з чіткою межею завершення. Для зупинки надішліть: «Зупини й скасуй поточну ціль; назви вже змінені файли». Нова ціль скасовує попередню в цій розмові. Не переносіть сюди підкоманди Codex /goal pause чи /goal resume: для Antigravity ми використали документований спосіб зупинки. Дозволи інструментів залишаються окремими. [P314]

> [FIX] Набір увімкнений, але агент не бачить сайт? Перевірте приєднану папку й попросіть назвати наявні файли. Якщо немає /browser, виконайте крок 6 вручну. Брак браузерного інструмента не заважає зберегти локальну правку й чесний звіт.

Практика вдома

• Візьміть опис: «Упорядкувала полицю, поставила три книжки поруч і залишила місце для нової». У Gem «Короткі підписи» попросіть скоротити його до двох речень. Якщо Gem недоступний, вставте його інструкції з цього уроку у звичайний чат Gemini разом із текстом.
• Збережіть початковий текст, відповідь і свою перевірку в content\gemini-caption.txt або на папері.
• Підкресліть збережені дії: у відповіді мають залишитися всі три. Вона не повинна додавати покупок чи обіцяти користь, якої ви не показали.

Самотест

• Чи відкриває створений Gem папку personal-site на Windows?
• Агент написав «готово», але після Tab посилання не з’являється. Чи можна записати перевірку як успішну?
• Як припинити активну ціль Antigravity?

Терміни

• Connected App — підключений сервіс, з якого Gemini отримує дозволені дані або дії.
• Skill — повторно використовувана інструкція для певної роботи.
• MCP-сервер — постачальник інструментів через узгоджений протокол.
• Розширення редактора — доповнення, що працює всередині редактора коду.