🎯 О чём этот конспект: Пошаговое руководство по использованию Anti-Gravity (бесплатная AI IDE от Google) в связке с Insforge (backend-платформа для AI-агентов) и Agent Skill Kit. Вы узнаете, как делегировать нейросети создание фронтенда, настройку базы данных, аутентификации и деплой готового SaaS-продукта.
👤 Кому будет полезно: Вайбкодерам, разработчикам и фаундерам, которые хотят собирать полноценные веб-приложения (Fullstack) за считанные часы, не тратя время на рутинную настройку инфраструктуры и бэкенда.
✨ Что получите: Навык сборки приложения с нуля: от брейншторма идеи до работающего сервиса с авторизацией через GitHub, базой данных и OCR-модулем для распознавания чеков, развернутого на хостинге.
1. Anti-Gravity Agent Skill Kit: Модульное поведение агентов
Контекст: Anti-Gravity представила масштабное обновление — поддержку чтения правил из agent.md в дополнение к gemini.md. Это позволяет использовать Agent Skill Kit — набор шаблонов и специализированных навыков, которые делают поведение AI структурированным и точным. Вместо одной общей модели вы получаете доступ к 16 специализированным агентам (Frontend, Backend, Security и др.) и 40+ доменным знаниям. Это минимизирует галлюцинации и позволяет AI работать по строгому техзаданию (spec-driven workflow).
Выгода: Повышение качества кода, автоматическое применение лучших практик UI/UX и безопасности без необходимости прописывать это в каждом промпте.
Как применить:
Шаг 1: Установка Anti-Gravity — Скачайте и установите IDE с официального сайта Google Anti-Gravity. Авторизуйтесь через Google-аккаунт.
Шаг 2: Установка Agent Kit — В терминале Anti-Gravity внутри директории вашего проекта выполните команду для установки набора навыков:
npm install @anti-gravity/agent-kit
Шаг 3: Инициализация — Активируйте кит, чтобы агент начал видеть новые инструкции и команды:
agit init
Результат: Вашему агенту становятся доступны слэш-команды (например, /brainstorm, /create, /debug), которые запускают специализированные рабочие процессы.
2. Интеграция с Insforge: Backend за 5 минут через MCP
Контекст: Главная боль вайбкодинга — ручная настройка БД, Auth и Storage. Insforge — это backend-платформа, созданная специально для AI-агентов (Cursor, Anti-Gravity, Claude Code). Через протокол MCP (Model Context Protocol) агент Anti-Gravity получает прямой доступ к управлению инфраструктурой. Он сам создает таблицы, настраивает OAuth (GitHub/Google) и управляет облачным хранилищем.
Выгода: Экономия 10+ часов на настройке серверной части. Скорость развертывания выше, чем у Supabase, за счет глубокой интеграции с AI.
Как применить:
Шаг 1: Регистрация и проект — Создайте аккаунт на Insforge, создайте новый проект и выберите регион.
Шаг 2: Связка через CLI — Скопируйте команду из панели Insforge и вставьте в терминал Anti-Gravity:
npx insforge@latest link
Шаг 3: Подключение MCP — Чтобы агент мог "видеть" бэкенд и управлять им, выполните команду подключения (ссылку возьмите в разделе Connect в Insforge):
# Пример командыnpx insforge mcp connect
Результат: В Anti-Gravity активируется визуальный холст (Canvas), отображающий статус подключения к бэкенду. Теперь агент может выполнять команды типа "создай таблицу пользователей".
3. Процесс разработки: От идеи до Fullstack-реализации
Контекст: Используя связку Agent Kit и Insforge, процесс разработки превращается в диалог. Сначала используется стадия брейншторма для формирования спецификаций, затем — генерация кода фронтенда и автоматическая конфигурация бэкенда. Агент сам понимает, когда нужно вызвать специалиста по UI, а когда — настроить схему базы данных.
Выгода: Вы получаете не просто "заглушку" интерфейса, а работающее приложение с реальной логикой сохранения данных.
Как применить:
Шаг 1: Брейншторм — Используйте команду /brainstorm для проработки идеи.
Шаг 2: Настройка бэкенда и фронтенда — Используйте комплексный промпт для агента:
Используй MCP соединение с Insforge, чтобы автоматически создать следующее:1. Backend: настроить систему базы данных и схемы.2. Authentication: включить вход через GitHub.3. Storage: создать бакеты для загрузки изображений чеков.4. Frontend: создай React-приложение (Vite) с Dashboard, формой добавления расходов и интеграцией OCR через Gemini Flash для распознавания текста на фото.
Шаг 3: Проверка — Агент создаст компоненты и сразу подключит их к API Insforge. Проверьте вкладку Auth в панели Insforge — там появятся первые пользователи после логина.
Результат: Готовое приложение с работающей авторизацией и синхронизацией данных с облаком.
4. Model Gateway: Подключение LLM на стороне бэкенда
Контекст: Insforge позволяет настраивать Model Gateway. Это значит, что вы можете пробросить функции нейросетей (например, Gemini 1.5 Flash для обработки текста или транскрибации) прямо через ваш бэкенд. Вам не нужно писать сложные интеграции API на фронтенде — агент настроит вызов модели как часть логики бэкенда.
Выгода: Безопасное использование API-ключей (они хранятся на бэкенде) и возможность быстро менять модели (например, с GPT на Gemini) без переписывания фронтенда.
Настрой Model Gateway в Insforge для использования модели Gemini 1.5 Flash. Используй её для функции транскрибации загруженных чеков в приложении.
Шаг 2: Проверка логов — В панели Insforge в разделе Logs вы сможете видеть каждый вызов модели и ответ от неё в реальном времени.
Результат: Ваше приложение получает AI-функции (OCR, суммаризация), работающие через стабильную серверную инфраструктуру.
5. Мгновенный деплой (Shipping)
Контекст: Финальный этап — вывод приложения в онлайн. Традиционно это требует настройки CI/CD, доменов и окружения. В связке Anti-Gravity + Insforge это делается одной командой.
Выгода: Приложение доступно по публичной ссылке сразу после завершения кодинга.
Как применить:
Шаг 1: Команда деплоя — Просто напишите агенту в чат:
Deploy my app to Insforge.
Шаг 2: Управление — После завершения в панели Insforge (раздел Deployment) появится статус Live. Там же можно привязать свой домен и настроить переменные окружения (Environment Variables).
Результат: Вы получаете URL-адрес вашего работающего SaaS-продукта.
FAQ
В: Anti-Gravity действительно бесплатный? О: Да, на данный момент Google предоставляет эту IDE бесплатно. Вам нужен только Google-аккаунт для авторизации и использования моделей Gemini.
В: Чем Insforge лучше Supabase для вайбкодера? О: Insforge изначально спроектирован для работы с AI-агентами через MCP. Это значит, что агент "понимает" структуру Insforge гораздо лучше и совершает меньше ошибок при настройке БД или Auth, чем при попытках настроить Supabase через обычный код.
В: Могу ли я использовать другие модели, кроме Gemini? О: Внутри Anti-Gravity используются модели Google, но через Model Gateway в Insforge вы можете подключать различные LLM для функций вашего приложения.
В: Что такое Agent Skill Kit и обязательно ли его ставить? О: Это набор инструкций, которые делают AI-агента "умнее" в конкретных задачах (фронтенд, архитектура). Ставить не обязательно, но крайне рекомендуется для получения чистого и профессионального кода без галлюцинаций.
В: Можно ли использовать эту связку в Cursor или Windsurf? О: Да, Insforge поддерживает любые AI-IDE через CLI и MCP. Вы можете подключить его к Cursor так же, как к Anti-Gravity, используя аналогичные npx команды.
Конспект создан на основе видео «Anti-Gravity + Insforge: The Ultimate AI Coding Workflow» канала World of AI. Все права на оригинальный материал принадлежат авторам.Источник: https://www.youtube.com/watch?v=i3FOFgimXn0