← Блог

Gemini 3.1 Pro — мастер SVG, но не агент

Сережа Рис · 24 February 2026

llmgeminisvg

Gemini 3.1 Pro генерирует SVG-анимации с параллаксом, слоями и переходами за один промпт. Без внешних библиотек — нативный SVG с <animate> и <animateTransform>. Google выпустил модель 19 февраля 2026. За неделю я понял: узкий специалист. Но настолько хороший, что ему стоит держать место в арсенале.

Павлин на велосипеде — Canvas-анимация, сгенерированная Gemini 3.1 Pro за один промпт

Почему я вообще полез в Gemini

На стриме решил потестировать Gemini 3.1 Pro. Не потому что ищу замену Claude Code — а потому что слышал конкретное: эта модель умеет SVG. В Canvas-режиме результат видно сразу, не надо копировать код в файл и открывать в браузере. Написал промпт — увидел анимацию.

Я шесть лет назад пробовал делать SVG-анимации вручную. Получился примитив — прямоугольник, который двигался по экрану. А тут за пять минут — параллакс с разными скоростями слоёв.

Слабый агент, сильный генератор

Одна вещь, которую стоит сказать сразу: Gemini 3.1 Pro — плохой агент.

На Hacker News бывший инженер Google написал прямо: “Stunningly good at reasoning and design, but falls over when trying to get things done. Gets stuck in loops. Bad at using tools.” Блестяще рассуждает и проектирует, но спотыкается при исполнении. Застревает в циклах. Плохо использует инструменты.

Бенчмарки подтверждают. SWE-Bench — Claude Opus 4.6 лидирует, Gemini заметно позади. Terminal-Bench — GPT-5.3 Codex. Визуальные задачи — SVG, дизайн, анимации? Тут Gemini вне конкуренции.

И тут возникает вопрос: зачем вообще держать модель, которая не умеет работать как агент? Ответ простой — потому что у неё есть одна вещь, которую другие модели не делают.

Четыре промпта на стриме

На стриме я тестировал Gemini 3.1 Pro на разных задачах. Каждый промпт — в Canvas mode, результат видно мгновенно.

Написал в Gemini 3.1 Pro (Canvas mode):

Сгенерируй SVG-анимацию двух минималистичных изометричных смартфонов, где золотая монета перепрыгивает из одного экрана на другой. FlatUI Style.

Получилось с первого раза. Изометрия, плавная траектория монеты, тени. Без единой строчки JavaScript.

Написал в Gemini 3.1 Pro (Canvas mode):

Нарисуй павлина на велосипеде. SVG-анимация.

Павлин крутил педали, хвост развевался. Но тут случился неожиданный поворот — из этой анимации получилась игра. Я попросил добавить управление, и Gemini сгенерировала интерактив: павлин объезжает препятствия. Одним промптом — от иллюстрации к игре.

Кстати, Саймон Уиллисон тоже тестировал пеликана на велосипеде. Модель думала 323.9 секунды. Долго — но результат стоил ожидания.

Написал в Gemini 3.1 Pro (Canvas mode):

Сделай анимацию как сыпется рис.

Частицы с гравитацией, разной скоростью, лёгким отскоком. Нативный SVG.

Написал в Gemini 3.1 Pro (Canvas mode):

Нарисуй, пожалуйста, SVG-анимацию того, как работают LLM-модели.

Параллакс. Несколько слоёв двигаются с разной скоростью — входные токены, attention, выходной слой. Каждый слой анимирован отдельно. Это то, что я не смог бы сделать шесть лет назад за целый день.

Интерактивная визуализация авторегрессивной генерации кода — сделана с помощью Gemini 3.1 Pro за один промпт

Суперсилы по моделям

Каждая модель сильна в своём. Универсальных нет. Вот как я вижу расклад на февраль 2026:

┌──────────────────────────────────────────────────────┐
│              Суперсилы моделей (февраль 2026)        │
├──────────────────┬───────────────────────────────────┤
│ Задача           │ Лучшая модель                     │
├──────────────────┼───────────────────────────────────┤
│ SVG / анимации   │ ★ Gemini 3.1 Pro                 │
│ Агент / код      │ ★ Claude Opus 4.6  (SWE-Bench)   │
│ Терминал / CLI   │ ★ GPT-5.3 Codex  (Terminal-Bench) │
│ Рассуждения      │ ★ Gemini 3.1 Pro  (ARC-AGI 77%)  │
│ Batch / рутина   │   Kimi K2.5  (дёшево)            │
├──────────────────┼───────────────────────────────────┤
│                  │                                   │
│ Gemini:          │  plan, design, SVG, reasoning     │
│ Claude:          │  execute, refactor, agent work    │
│ GPT:             │  terminal, codex, shell tasks     │
│                  │                                   │
└──────────────────┴───────────────────────────────────┘

Gemini 3.1 Pro набрала 77.1% на ARC-AGI-2 — больше чем вдвое по сравнению с Gemini 3 Pro. Рассуждает отлично. Исполняет — плохо. Архитектор с гениальными чертежами, который не умеет забить гвоздь.

На Reddit r/singularity написали: “This might be the beginning of everyone’s UIs starting to diverge.” Если модель генерирует уникальные SVG-интерфейсы за один промпт — каждый продукт может выглядеть по-своему. Без дизайнера.

Plan-in-Gemini, execute-in-Claude

На Hacker News появился термин, который точно описывает мой подход: “plan-in-Gemini, execute-in-Claude.” Придумал в Gemini, исполнил в Claude. Раньше я пытался всё делать в одной модели — теперь вижу, что это как пытаться одним ножом и хлеб резать, и дерево строгать.

Gemini рисует SVG-анимацию для лендинга. Я смотрю результат в Canvas, прошу доработать — добавить слой, изменить скорость, поменять цвета. Когда результат устраивает, забираю SVG и передаю Claude Code для интеграции в проект.

Это ровно тот же принцип, что и с Agent Teams: каждый агент делает своё. Только здесь “команда” — это разные модели. Подробнее про координацию агентов писал в Agent Teams в Claude Code.

Похожий подход использовал для делегирования дизайна рою агентов — там субагенты генерировали три варианта фронтенда параллельно. Gemini может стать ещё одним “сотрудником” в таком рое, со своей специализацией.

А если довести идею до конца — это уже личная корпорация, где каждая модель работает как отдел со своей зоной ответственности.

Цена вопроса

Gemini 3.1 Pro стоит $2 за миллион входных токенов и $12 за миллион выходных. SVG-анимация — это обычно один-два промпта. Пара центов за результат, на который вручную уйдёт полдня.

Canvas-режим экономит отдельный шаг: не надо сохранять файл, открывать браузер, проверять. Результат виден мгновенно. Для итеративной работы — “сдвинь слой”, “ускорь частицы”, “добавь тень” — это критично.

Зачем вайбкодеру несколько моделей

Вайбкодер не привязан к одному инструменту. Claude Code — основной рабочий агент. Но когда задача — сгенерировать SVG-анимацию для блога, лендинга, презентации — Gemini 3.1 Pro сделает это лучше.

Пока это лучшая модель для SVG-анимаций. Не лучшая модель вообще — а лучшая для конкретной задачи.

Держать одну модель на все случаи — как держать один нож на кухне. Можно. Но повар держит набор. Вайбкодер держит стек моделей, где каждая закрывает свою нишу.

FAQ

Gemini 3.1 Pro может заменить Claude Code?

Нет. Gemini 3.1 Pro плохо работает как агент — застревает в циклах, не умеет пользоваться инструментами. Для написания кода, рефакторинга и агентских задач Claude Opus 4.6 остаётся лидером. Gemini стоит использовать для визуальных задач: SVG, анимации, дизайн-прототипы.

Нужен ли Canvas mode для работы с SVG?

Не обязательно, но он экономит время. В Canvas результат виден сразу — можно итерировать промптами без цикла “скопировать код → сохранить файл → открыть в браузере”. Для SVG-анимаций это заметное ускорение.

Какие SVG-анимации Gemini делает лучше всего?

Параллакс с несколькими слоями, анимированные иллюстрации (персонажи, объекты), интерактивные сцены. Всё — нативным SVG с <animate> и <animateTransform>, без JavaScript и внешних библиотек.

Читайте также

Об авторе

Подписаться на обновления — @sereja_tech