Google Anti-gravity: Полный гид по воркфлоу для создания AI-приложений
Узнайте, как использовать Google Anti-gravity для создания приложений с помощью AI-агентов. Гайд по Agent Manager, Playground и аннотированию скриншотов.
🎯 О чём этот конспект: Разбор нового инструмента для AI-кодинга от Google — Anti-gravity (на базе Gemini 3.5). В отличие от Cursor или Windsurf, этот инструмент ориентирован на агентное управление, где вы выступаете в роли менеджера, а не просто кодера.
👤 Кому будет полезно: Вайбкодерам, разработчикам без опыта программирования и предпринимателям, которые хотят быстро прототипировать и запускать IT-продукты, управляя целым штатом AI-агентов.
✨ Что получите: Пошаговую методику работы с Agent Manager, использование Playground для экспериментов и систему управления задачами через Inbox. Вы научитесь собирать сложные приложения (например, инвестиционный трекер) за один сеанс.
1. Переход от «написания кода» к «управлению агентами»
Контекст: Основная ошибка новичков в Anti-gravity — использование его как обычной IDE (вкладка Editor). Истинная мощь инструмента скрыта в Agent Manager. Вместо того чтобы вручную править строки кода, вы создаете специализированных агентов (разработчик, PM, маркетолог), которые работают параллельно в рамках одного воркспейса. Это меняет парадигму: вы больше не «водитель», вы — «директор компании».
Выгода: Возможность вести 3-5 задач одновременно (разработка фичи, написание документации, создание маркетингового плана), не переключая контекст вручную.
Как применить:
Шаг 1: Запуск Agent Manager — [Anti-gravity] — После установки откройте иконку робота (Agent Manager) в боковой панели. Не используйте стандартное окно редактора.
Шаг 2: Создание воркспейса — [Anti-gravity] — Создайте новую папку проекта. Агент автоматически привяжется к этому контексту и будет видеть все файлы.
Шаг 3: Параллелизация — [Anti-gravity] — Нажмите + рядом с проектом, чтобы создать дополнительных агентов. Дайте им разные роли (например, "Marketing Agent" или "QA Tester").
Результат: У вас запущено несколько процессов одновременно, каждый из которых выдает результат в виде артефактов или кода.
2. Использование V0 для визуального программирования (UI Inspiration)
Контекст: Gemini 3.5 (движок Anti-gravity) отлично пишет код, но иногда промахивается с дизайном, если давать только текстовое описание. Автор рекомендует использовать связку с V0.dev. Вы генерируете идеальный интерфейс в V0, делаете скриншот и скармливаете его агенту в Anti-gravity. Это дает модели четкий визуальный ориентир для верстки на Tailwind CSS.
Выгода: Идеальный UI с первой попытки без бесконечных правок отступов и цветов.
Как применить:
Шаг 1: Генерация UI — [V0.dev] — Опишите нужный интерфейс (например, "Investment dashboard with dark mode and stock charts").
Шаг 3: Промпт в Anti-gravity — [Anti-gravity Agent] — Прикрепите скриншот и используйте промпт:
I want to build an investment web app using Next.js and Tailwind V3. I want to be able to enter a stock ticker. Then it shows me the price chart as well as the latest news for the company. Use the screenshot attached as visual inspiration for what the app should look like. Do not write any code yet. Just build me the plan.
Результат: Агент составит план реализации, который на 100% соответствует визуальному стилю со скриншота.
3. Аннотирование скриншотов и авто-тестирование
Контекст: Anti-gravity имеет встроенный браузер (на базе Chrome), который автоматически открывает ваше приложение и тестирует его. Если вы видите баг или хотите что-то изменить, вам не нужно писать "исправь кнопку справа". Вы можете просто выделить область на скриншоте прямо в интерфейсе Anti-gravity и оставить комментарий.
Выгода: Максимальная точность правок. Агент понимает контекст конкретного элемента UI, на который вы указали.
Как применить:
Шаг 1: Установка расширения — [Chrome] — Обязательно установите Anti-gravity browser extension для полной синхронизации.
Шаг 2: Запуск теста — [Anti-gravity] — Когда агент закончит V1, он сам откроет Localhost. Наблюдайте, как AI кликает по кнопкам.
Шаг 3: Аннотация — [Anti-gravity] — Нажмите на скриншот теста, выделите область (например, пустой блок) и напишите: Add a crypto section here with real-time prices.
Результат: Агент мгновенно приступает к правке именно того участка кода, который отвечает за выделенную область.
4. Playground для быстрых экспериментов (R&D)
Контекст: Часто во время работы над основным проектом приходят сторонние идеи (например, "а как сделать 3D игру на Three.js?"). Вместо того чтобы открывать новое окно VS Code и захламлять систему, в Anti-gravity есть Playgrounds. Это изолированные песочницы для проверки гипотез без создания полноценной структуры проекта.
Выгода: Экономия ресурсов компьютера и фокус на основной задаче. Если эксперимент удался, его можно превратить в полноценный воркспейс.
Как применить:
Шаг 1: Открытие Playground — [Anti-gravity] — Перейдите во вкладку Playground в Agent Manager.
I want to build a 3D first-person shooter game using Three.js. Make it cool and stylistic. Focus on the core mechanics first.
Шаг 3: Валидация — Посмотрите результат в окне предпросмотра. Если идея рабочая — сохраняйте как проект.
Результат: Чистая рабочая среда и возможность быстро тестировать десятки идей в день.
5. Управление через Inbox: Центр уведомлений AI-сотрудников
Контекст: Когда у вас работает 3-4 агента одновременно, следить за каждым чатом невозможно. Для этого в Anti-gravity реализован Inbox. Это аналог электронной почты, куда агенты присылают отчеты о выполненных задачах, созданные артефакты (планы, посты, код) и запросы на одобрение (Approval).
Выгода: Вы не тратите время на ожидание завершения генерации. Вы просто проверяете "почту", когда агент закончил работу.
Шаг 2: Проверка артефактов — Кликните на уведомление от Marketing Agent. Откроется документ (Artifact) с готовым контентом.
Шаг 3: Аппрув — Если агент запрашивает разрешение на изменение структуры папок, нажмите "Approve" прямо в Inbox.
Результат: Вы управляете разработкой как CEO, одобряя или отклоняя результаты работы разных отделов в одном окне.
FAQ
В: Anti-gravity платный?
О: На данный момент инструмент полностью бесплатен для скачивания и использования. Google предоставляет щедрые лимиты на использование моделей Gemini, чтобы привлечь аудиторию из Cursor.
В: Чем он лучше Cursor или Windsurf?
О: Главное отличие — агентная архитектура. Anti-gravity позволяет запускать множество независимых агентов в одном проекте и имеет глубокую интеграцию с браузером для автоматического тестирования и аннотирования скриншотов.
В: Нужно ли знать языки программирования?
О: Нет, автор видео демонстрирует создание сложного инвестиционного приложения и 3D-игры, используя только промпты на английском языке и визуальные скриншоты.
В: Что делать, если Gemini не слушается инструкций?
О: Это известная проблема (rough edges). Автор рекомендует использовать более четкие промпты и всегда начинать с этапа планирования (Do not write any code. Just build me the plan), чтобы модель сначала "подумала".
В: Можно ли использовать свои ключи API?
О: Инструмент работает в экосистеме Google Cloud/Gemini. На данный момент он максимально оптимизирован под модели семейства Gemini 3.5.
Конспект создан на основе видео «Google Anti-gravity: The Future of AI Coding» канала [Vibe Coder (Liam Ottley)]. Все права на оригинальный материал принадлежат авторам.Источник: https://www.youtube.com/watch?v=mbxq88TOxp4