Писать рутинный бойлерплейт руками давно не модно. Google выкатила набор инструментов Antigravity, который позволяет собирать приложения силами ИИ-агентов, работающих параллельно в терминале, редакторе и специальном приложении. В этой статье мы соберем travel-приложение с фронтендом на Next.js и базой на SQLite, полностью делегировав скучную работу автономным скриптам.
Что понадобится: аккаунт Google и желание перестать писать однотипный код. Экосистема состоит из четырех частей: Antigravity 2.0, десктопная Antigravity IDE, терминальная Antigravity CLI и Python-библиотека Antigravity SDK.
Разворачиваем монорепозиторий без лишних вопросов
Начнем с генерации базовой структуры. Идем в Antigravity 2.0, создаем проект и скармливаем агенту промпт.
Создай мне структуру для монорепозитория:
- client/ — приложение на Next.js для путешественников, которое использует директорию src/, React, TypeScript и Tailwind
- worker/ — пустая директория на данный момент
Чтобы агент не дергал вас запросами разрешений на каждую команду в терминале, зайдите в настройки агента и включите пресет Turbo. Теперь скрипт сам создаст файлы, подтянет зависимости и выдаст готовый скелет проекта без лишних остановок.
Генерируем бэкенд и базу данных голосом
В Antigravity есть крутая фича: голосовой ввод, который отлично понимает технический контекст. Можно надиктовать задачу написать Python-утилиту для работы с Wikipedia Geolocation API. Агент сам отформатирует «апи» в API, расставит знаки препинания и соберет грамотный код.
Пока он работает, поставим десктопный редактор. Жмем кнопку Install IDE, качаем бинарник и открываем наш проект. Интерфейс редактора знаком каждому, кто работал в современных IDE, только с мощной интеграцией ИИ в сайдбаре.
Сразу просим агента создать SQLite-базу с двумя таблицами: города и точки интереса. Агент проанализирует текущий package.json, поймет структуру монорепы и положит скрипты создания базы данных в правильную директорию.
Подключаем консольного агента через Antigravity CLI
Десктопные приложения удобны, но настоящая магия творится в консоли. Просим агента найти инструкцию по установке CLI. Он сам сходит в поисковик, найдет документацию и выполнит нужный bash-запрос для вашей ОС. После установки утилиту нужно авторизовать.
agy login
Вводите ключ аутентификации, выбираете цветовую тему терминала и даете утилите права на чтение вашей рабочей директории. Теперь у вас есть безотказный терминальный помощник.
Пишем кастомного агента на Antigravity SDK
Нам нужно наполнить базу данных реальными точками интереса. Вместо парсинга википедии руками создадим автономного воркера на Python.
Просим агента в Antigravity написать скрипт city_agent.py. Задача скрипта: принять название города, использовать кастомный инструмент для опроса Wikipedia и сложить результаты в нашу базу данных. Скрипт будет опираться на библиотеку google-antigravity.
Чтобы скрипт завелся, ему нужен API-ключ. Экспортируем его в окружение терминала.
export GEMINI_API_KEY="ваш_ключ"
Запускаем нашего CLI-агента и скармливаем ему задачу текстом.
Запусти @worker/city_agent.py, чтобы наполнить базу данных первыми городами: Флоренция, Люцерн, Токио. Для начала давай добавим по 30–40 достопримечательностей (points of interest) для каждого города.
Утилита начнет дергать API википедии, вытаскивать координаты достопримечательностей и писать их в базу. ⚙️ пока терминал потеет, мы можем переключиться на фронтенд.
Собираем UI параллельными агентами
Возвращаемся в Antigravity IDE. У нас уже есть база с данными, осталось натянуть это на Next.js. Пишем промпт во встроенный чат редактора.
Давай создадим интерфейс (UI) для нашего приложения для путешественников. В нём должно быть три основных страницы: Главная страница, Страница города (с картой Leaflet и пинами) и Страница статьи (с подробной информацией из Википедии).
Агент в IDE начинает писать React-компоненты. Параллельно в терминале трудится CLI-агент, добывая данные по Токио и Флоренции. Это главная фишка экосистемы: вы делегируете задачи разным субагентам и просто наблюдаете, как они собирают проект воедино.
Правки на лету и рефакторинг
Запускаем локальный сервер.
npm run dev
Открываем браузер. Интерфейс на месте, карта работает, пины кликаются. Но в футере висит чужой копирайт, а в навбаре появились лишние кнопки логина и ссылки на GitHub, которые мы не заказывали.
Вместо ручного поиска нужных компонентов просто просим агента в IDE убрать мусор из навбара и поменять текст в футере. Автокомплит в IDE работает молниеносно, предлагая готовые куски кода по мере набора текста. Пара секунд на ревью, и баги пофикшены. Проект можно коммитить.
Экосистема Antigravity превращает процесс разработки в управление командой неутомимых джунов, которые работают параллельно и понимают контекст всего репозитория. Попробуйте написать свой скрипт на базе SDK и автоматизировать рутину в следующем пет-проекте.