Google AI Studio Gemini научилась импортировать код с GitHub: от репозитория до приложения за минуты

Google AI Studio, среда для создания приложений на базе моделей Gemini, добавила возможность импортировать репозитории с GitHub. Об обновлении сообщили официальный аккаунт Google AI Studio и Логан Килпатрик, руководитель продукта. Функция работает внутри Build mode, где Gemini генерирует полноценное приложение по текстовому описанию и показывает живой превью.

Как это работает?

Build mode в Google AI Studio Gemini до сих пор был поверхностью для «вайб-кодинга»: вы пишете промпт (текстовое описание задачи для ИИ), Gemini собирает приложение, вы дорабатываете через чат или режим аннотаций. Импорт с GitHub добавляет другую отправную точку: вместо пустого промпта вы указываете репозиторий (хранилище кода на GitHub).

AI Studio берёт код из репозитория и преобразует его в формат, совместимый со своей средой выполнения. Дальше вы продолжаете работать с проектом так же, как с любым другим приложением внутри Build.

Весь процесс состоит из трёх шагов: импорт репозитория, доработка в AI Studio, развёртывание.

Что понадобится

• Аккаунт Google с доступом к Google AI Studio (studio.google.com)
• Репозиторий на GitHub с кодом проекта
• Базовое понимание структуры своего проекта
• Около 10 минут на первый импорт и проверку

Пошаговая инструкция

1. Откройте Google AI Studio и перейдите в Build mode.
2. Выберите опцию «Import from GitHub» вместо создания нового проекта через промпт.
3. Укажите URL вашего репозитория на GitHub.
4. Дождитесь, пока AI Studio преобразует код в совместимый формат. Платформа автоматически адаптирует структуру проекта под свою среду выполнения.
5. Проверьте результат в live preview. Если приложение использует Gemini API, обратите внимание: ключ GEMINI_API_KEY автоматически настраивается как серверный секрет. Ключ не попадёт в клиентский код.
6. Доработайте приложение через чат или режим аннотаций: добавьте страницы, измените интерфейс, подключите новые функции.
7. Разверните готовое приложение прямо из AI Studio.

Важный момент с API-ключами

Если ваш код вызывает Gemini API на стороне клиента (из браузера), после импорта придётся перестроить логику. AI Studio хранит GEMINI_API_KEY только на сервере и не включает ключ в клиентский код. Это правильно с точки зрения безопасности, но требует серверного паттерна.

Вот как выглядит разница. Так делать не стоит, ключ виден в браузере:

const res = await fetch(
  "https://generativelanguage.googleapis.com/v1beta/models/gemini-flash-latest:generateContent",
  {
    headers: {
      "x-goog-api-key": MY_KEY, // виден в клиентском коде
    },
    body: JSON.stringify({ contents: [{ parts: [{ text: "Hello" }] }] }),
  }
);

А вот рекомендуемый подход, ключ остаётся на сервере:

export async function handler(req) {
  const apiKey = process.env.GEMINI_API_KEY; // только на сервере
  const r = await fetch(
    "https://generativelanguage.googleapis.com/v1beta/models/gemini-flash-latest:generateContent",
    {
      headers: {
        "x-goog-api-key": apiKey,
      },
      body: JSON.stringify({ contents: [{ parts: [{ text: "Hello" }] }] }),
    }
  );
  return new Response(await r.text(), { status: r.status });
}

Что делать с этим прямо сейчас?

Разработчикам и техническим авторам Дзена. Если вы пишете туториалы с примерами кода на GitHub, теперь можно за минуты превращать свои репозитории в живые демо-приложения и давать читателям ссылку на работающий превью вместо скриншотов.

Маркетологам и менеджерам продуктов. Коллега скинул ссылку на публичный репозиторий. Вы импортируете его в Google AI Studio Gemini, просите через чат сгенерировать понятный пользовательский интерфейс и получаете ссылку на превью, не дожидаясь, пока разработчик соберёт демо.

Предпринимателям в РФ и СНГ. Google AI Studio доступна из России, но может потребовать VPN в зависимости от региона. Функциональный аналог в российском пространстве, GigaChat и YandexGPT, пока не предлагают подобного пайплайна «репозиторий в приложение». Если у вас есть прототипы на GitHub, это способ быстро довести их до рабочего состояния без найма разработчика.

Попробуйте импортировать небольшой публичный репозиторий прямо сейчас, пока функция раскатывается: так вы поймёте ограничения до того, как будете строить на ней рабочий процесс.