🎯 О чём этот конспект: Разбор новой автономной среды разработки (IDE) от Google под названием Anti-gravity. Это AI-powered IDE на базе VS Code, которая включает в себя продвинутый агентный режим, встроенный менеджер агентов и уникальный инструмент для автоматического тестирования интерфейса через встроенный браузер.

👤 Кому будет полезно: Вайбкодерам, разработчикам на Python и React, а также всем, кто ищет бесплатную альтернативу Cursor и Windsurf с глубокой интеграцией моделей Gemini.

✨ Что получите: Пошаговое руководство по созданию Fullstack-приложения (FastAPI + React) с нуля, понимание работы режима планирования и навыки использования встроенного браузера для автоматического исправления UI-ошибок.

1. Обзор Anti-gravity: Архитектура и возможности

Контекст: Anti-gravity — это не просто плагин, а полноценная IDE, построенная на базе Open Source версии VS Code. Это означает, что все привычные расширения и горячие клавиши будут работать, но «под капотом» интегрированы мощные AI-агенты от Google. Главное отличие от конкурентов — наличие Agent Manager, который позволяет вести несколько проектов параллельно, и глубокая интеграция с моделями Gemini (включая Gemini 1.5 Pro). На текущий момент инструмент находится в стадии тестирования и доступен бесплатно для индивидуальных разработчиков.

Выгода: Бесплатный доступ к топовым моделям Google в привычном интерфейсе VS Code и возможность автономной генерации кода без ручного копипаста.

Как применить:

• Шаг 1: Установка — Скачайте дистрибутив с официального сайта (пока доступно по приглашениям или в раннем доступе). Для работы обязательна авторизация через Google-аккаунт.
• Шаг 2: Настройка окружения — Откройте пустую папку проекта. IDE предложит установить необходимые расширения (например, Python или React ES7), соглашайтесь для лучшей подсветки синтаксиса.
• Шаг 3: Выбор модели — В окне чата выберите модель. Рекомендуется использовать Gemini 1.5 Pro для сложных задач планирования или Fast режим для мелких правок.

Результат: Готовая к работе среда, понимающая контекст вашего проекта и способная выполнять действия в файловой системе.

2. Режим планирования (Planning Mode) vs Быстрый режим

Контекст: В отличие от простого чата, Anti-gravity предлагает мощный режим планирования. Когда вы вводите запрос, AI не сразу пишет код, а создает «Blueprint» (чертеж) проекта. Он разбивает задачу на атомарные таски: создание структуры папок, настройка бэкенда, инициализация фронтенда, написание тестов. Вы можете редактировать этот план до начала генерации, добавляя свои уточнения к конкретным шагам.

Выгода: Снижение количества ошибок и галлюцинаций AI за счет предварительного согласования архитектуры проекта.

Как применить:

• Шаг 1: Формулировка запроса — Введите подробный промпт в окне агента.
• Шаг 2: Анализ плана — Дождитесь появления списка задач. Если вам не нравится выбор инструментов (например, вы хотите uv вместо pip), добавьте комментарий прямо к шагу плана.
• Шаг 3: Корректировка — Используйте команду для уточнения пакетов:

Choose UV package manager for Python dependencies and Vite for React frontend.

• Шаг 4: Запуск — Нажмите "Proceed", и агент начнет последовательно выполнять задачи, запрашивая подтверждение (Accept) на каждое изменение файла.

Результат: Прозрачный процесс разработки, где вы контролируете каждый этап создания архитектуры.

3. Автоматическое UI-тестирование через встроенный браузер

Контекст: Одной из киллер-фич Anti-gravity является встроенный браузер с поддержкой агентного управления. AI может не только запустить ваш проект, но и буквально «видеть» его интерфейс. Если верстка «поехала» или кнопка не работает, вы можете попросить агента проверить это. В процессе проверки вокруг элементов браузера появляются синие рамки — это значит, что AI анализирует DOM-дерево и визуальное состояние страницы.

Выгода: Автоматическое исправление багов фронтенда без необходимости вручную искать ошибки в консоли разработчика.

Как применить:

• Шаг 1: Запуск проекта — Подтвердите выполнение команд npm run dev или uvicorn main:app.
• Шаг 2: Открытие браузера — Используйте встроенную вкладку браузера в IDE.
• Шаг 3: Промпт на исправление — Если интерфейс выглядит плохо, напишите:

Use your browser testing to check if something is wrong with layout. If found, fix the CSS to make it look modern and clean.

• Шаг 4: Итерация — Агент сам сделает скриншоты, проанализирует ошибки и предложит правки в файлы .css или .jsx.

Результат: Работающий и визуально корректный интерфейс, проверенный AI-агентом в реальном времени.

4. Практический кейс: Создание Personal Finance App

Контекст: В видео демонстрируется создание приложения для учета финансов с бэкендом на FastAPI и фронтендом на React. Агент самостоятельно проектирует базу данных (SQLAlchemy), создает API-эндопоинты для транзакций и генерирует отчеты.

Выгода: Получение полностью рабочего прототипа приложения за 10-15 минут общения с AI.

Как применить:

• Используйте следующий промпт для старта:

Build a personal finance app using Python FastAPI and React in frontend. 
I should be able to add income/expenses (credit/debit) and show a weekly report.
Use SQL Alchemy for database and Tailwind CSS for styling.

• Контроль бэкенда: Проверьте, чтобы агент создал файлы main.py, models.py и database.py.
• Проверка логики: Убедитесь, что созданы эндпоинты для CRUD операций:

# Пример структуры, которую генерирует Anti-gravity
@app.post("/transactions/")
def create_transaction(transaction: TransactionCreate, db: Session = Depends(get_db)):
    # AI сам напишет логику сохранения в БД

Результат: Готовое приложение с функционалом добавления транзакций, расчетом баланса и визуализацией данных.

FAQ

В: Чем Anti-gravity отличается от Cursor?

О: Anti-gravity — это продукт Google, имеющий нативную интеграцию с моделями Gemini и встроенный браузер для визуального тестирования. В отличие от Cursor, здесь есть выделенный "Agent Manager" для управления множеством автономных задач и более глубокий режим планирования (Blueprints).

В: Можно ли использовать другие модели, кроме Gemini?

О: Да, IDE поддерживает выбор моделей. В интерфейсе доступны варианты Gemini 1.5 Pro, Flash, а также есть возможность подключения других моделей (например, через OpenRouter или аналоги), хотя основной фокус сделан на экосистему Google.

В: Что делать, если агент выдает ошибку "Model overloaded"?

О: Поскольку инструмент находится в стадии раннего тестирования, сервера Google могут быть перегружены. В этом случае нужно нажать кнопку "Continue" или подождать несколько минут. Это частая проблема для бесплатных превью-версий.

В: Как Anti-gravity работает с пакетными менеджерами?

О: По умолчанию он может использовать стандартные pip или npm. Однако вы можете явно указать в промпте использовать более современные инструменты, такие как uv для Python или pnpm для JS, и агент адаптирует план установки зависимостей под ваш запрос.

В: Безопасно ли это для корпоративной разработки?

О: На данный момент доступен только индивидуальный план. Enterprise-версия с соответствующими гарантиями безопасности данных еще не выпущена. Все данные проходят через облачные модели Google, что стоит учитывать при работе с приватным кодом.

Конспект создан на основе видео «Anti-gravity: The New AI IDE from Google» канала Telusko. Все права на оригинальный материал принадлежат авторам. Источник: https://www.youtube.com/watch?v=HCeyLJP60LQ