Vercel

Чат, песочница и живое приложение

v0 - продукт Vercel (Версель), американской компании, которая сделала фреймворк Next.js и одноимённую платформу хостинга. Начинался он осенью 2023 года как генератор React-компонентов, а вырос в среду разработки полного цикла: диалог с агентом, редактор кода, виртуальная машина с запущенным проектом и кнопка публикации живут в одном окне браузера.

Работа начинается с обычного описания задачи на любом языке, включая русский - ответ приходит на языке запроса. v0 разбирает формулировку, пишет код на своём основном стеке (Next.js, React, TypeScript, Tailwind CSS, shadcn/ui и AI SDK), запускает проект и показывает работающее приложение. Дальше идёт диалог: поправить экран, добавить форму, подключить данные, переписать логику. Контекст чата сохраняется, поэтому уточнения не требуют пересказывать задачу заново.

Что v0 умеет в песочнице

Каждый чат в v0 получает собственную виртуальную машину на базе Vercel Sandbox с Node.js, пакетными менеджерами npm, pnpm, yarn и bun, запущенным dev-сервером и настоящей файловой системой. Превью показывает приложение ровно так, как оно поведёт себя после публикации: серверные маршруты, подключения к базам и переменные окружения работают. Файлы между сессиями не пропадают, сессия живёт до 24 часов, простаивающая машина останавливается и поднимается при следующем заходе.

Внутри той же песочницы работает агент. v0 ищет информацию в вебе и показывает ссылки на источники, открывает собранное приложение в браузере, кликает по нему, присылает скриншоты и сам чинит то, что сломалось. Терминал доступен и агенту, и пользователю: можно поставить зависимость, прогнать тесты, вызвать CLI Vercel или GitHub. Уровень самостоятельности регулируется тремя режимами - спрашивать разрешение, действовать автоматически или работать без ограничений.

Отдельная кнопка «Fix with v0» появляется у неудачного деплоя и отправляет агенту логи ошибки. До двадцати таких исправлений в сутки бесплатны, если код после генерации не правили руками.

Редактор кода в v0 сделан по образцу VS Code: подсветка синтаксиса, поиск по всем файлам, режим сравнения версий, разделённое окно, создание и переименование файлов. Правки из редактора, из терминала и от агента идут в одну файловую систему.

Дизайн-режим и дизайн-система команды

Design Mode в v0 включается прямо над живым превью. Курсор превращается в инструмент выбора, клик по элементу открывает панель со шрифтом, кеглем, межстрочным интервалом, цветом, фоном, отступами, рамками, тенями и скруглениями. Правки видно сразу, их можно откатить, сравнить с исходным состоянием и только потом применить. Применение создаёт новую версию проекта с обычным диффом. Сложные изменения вроде «сделай здесь три колонки» проще написать словами в том же окне: v0 приложит к запросу скриншот выделенного элемента.

Design Systems 2.0 решает задачу посложнее - научить v0 компонентам и токенам конкретной команды. Источником служит npm-пакет, архив, репозиторий на GitHub, Storybook, документация, фреймы Figma или реальное приложение, которое эту систему использует. v0 читает материалы, собирает стартовое приложение для проверки, показывает его на утверждение и сохраняет результат как переиспользуемый навык. Владельцы команды на платных планах могут назначить одну дизайн-систему по умолчанию для всех новых чатов.

Figma, скриншоты и импорт кода

Макет попадает в v0 ссылкой на файл или отдельный фрейм - плагин и десктопный Figma не нужны. Агент находит нужные экраны, читает переменные и стили, автолейаут, тексты, компоненты, выгружает иконки и картинки, а заодно подхватывает ссылки, добавленные в Dev Mode. Файл целиком превращается в связанный флоу, а не в набор разрозненных страниц. Интеграция с Figma доступна на платных планах и упирается в лимиты чтения на стороне самого Figma.

Кроме макетов v0 принимает скриншоты, мокапы и файлы проекта. Существующий код заводится импортом репозитория GitHub, подключением проекта Vercel или загрузкой zip-архива.

Базы данных, Shopify и Snowflake

Хранилище в v0 подключается в один клик через маркетплейс Vercel: Neon, Supabase, Upstash и Vercel Blob. Агент заводит учётную запись в сервисе, прописывает переменные окружения и дальше сам генерирует и выполняет SQL - создаёт таблицы, меняет схему, наполняет данными.

Для интернет-магазинов у v0 есть отдельный сценарий с Shopify. Запрос вида «сделай магазин керамических кружек» поднимает тестовый магазин, создаёт в нём товары вместе со сгенерированными изображениями и собирает витрину, которая читает каталог через Storefront API. Товары остаются в Shopify, а не зашиваются в код, поэтому витрина обновляется вместе с каталогом. Приём реальных заказов включается после того, как магазин выкуплен и переведён на платный план Shopify.

Аналитические сценарии закрывает интеграция со Snowflake: v0 просматривает доступные роли схемы и таблицы, выполняет SQL, собирает дашборды и публикует готовое приложение на инфраструктуру Snowflake. Доступ полностью упирается в роль пользователя, а подключение настраивает владелец команды. Интеграция помечена как бета, и вести на ней критичную отчётность пока рискованно.

MCP-серверы и Claude Code внутри v0

Внешние инструменты v0 подключает по протоколу MCP. В наборе пресетов есть Linear, Notion, Sentry, PostHog, Zapier, Context7, Glean, Hex, Sanity и Granola; свой сервер настраивается вручную с авторизацией по заголовкам, bearer-токену или OAuth. Интеграции из маркетплейса Vercel добавляют собственные инструменты, и для каждой выбирается режим: не трогать, спрашивать разрешение или выполнять сразу с пятисекундным окном на отмену. Опасные операции требуют подтверждения в любом режиме. Работает и обратное направление - v0 отдаёт собственный MCP-сервер, чтобы вызывать его из своей IDE.

В песочнице v0 предустановлены сторонние кодовые агенты, включая Claude Code: команда claude в терминале запускает его прямо в проекте. Трафик таких агентов идёт через Vercel AI Gateway и списывается с кредитов команды. Корпоративным аккаунтам функция по умолчанию выключена - включает её администратор.

GitHub, Slack и публикация на Vercel

Связка v0 с GitHub устроена автоматически. На каждый чат заводится отдельная ветка вида v0/main-abc123, каждое изменение кода становится коммитом, ветка main защищена от прямых пушей. Пул-реквест открывается и мержится из интерфейса v0. После подключения репозиторий становится единственным источником правды - своей копии кода платформа не хранит.

Бот v0 для Slack (бета) позволяет обращаться к агенту прямо из рабочего чата: упоминание @v0 с задачей запускает генерацию, бот читает тред для контекста, создаёт ветку и открывает пул-реквест со ссылкой обратно в Slack. Для канала настраивается репозиторий и ветка по умолчанию, а Vercel собирает превью-деплой на каждый коммит.

Публикация в v0 занимает один клик: проект уезжает на инфраструктуру Vercel с глобальным CDN, автоматическим HTTPS и кешированием на границе сети. Дальше подключаются собственные домены, аналитика, защита паролем и переменные окружения. У бесплатного плана в углу опубликованного приложения висит бейдж «Built with v0» - платные подписки его снимают.

Где доступен v0

v0 работает в браузере на v0.app и требует подключения к интернету - офлайн-режима нет. У платформы есть приложение для iOS: с телефона можно вести чаты, смотреть превью, управлять переменными окружения, подключаться к GitHub и выбирать MCP-серверы, а настройка новых пресетов MCP осталась за десктопом. Отдельного приложения для Windows, macOS или Android v0 не предлагает.

Разработчикам платформа отдаёт Platform API и SDK v0-sdk для встраивания генерации в собственные продукты - управление чатами, разбор кода, запуск приложений и деплой. Ключ выдаётся в настройках, доступ открыт на планах Premium и Plus. Интерфейс и документация только на английском, хотя промпты и ответы v0 понимает по-русски.

Тарифы v0 и логика кредитов

Тарифная сетка v0, на конец лета 2026 года, построена вокруг кредитов, которые расходуются по числу токенов. Цена генерации зависит от выбранной модели, и разброс между ними восьмикратный. За миллион входных и миллион выходных токенов платформа берёт:

• v0 Mini - $1 и $5, быстрая модель для вёрстки и мелких правок.
• v0 Pro - $3 и $15, основной вариант для большинства задач.
• v0 Max - $5 и $25, для сложной логики и архитектуры.
• v0 Max Fast - $10 и $50, тот же уровень с ускоренной выдачей.
• Free - $0 в месяц, $5 кредитов, лимит семь сообщений в день, публикация на Vercel, дизайн-режим и синхронизация с GitHub.
• Premium - $20 в месяц, $20 кредитов. План сворачивается и новым пользователям недоступен.
• Plus - $30 за пользователя в месяц, $30 кредитов на человека плюс $2 кредитов ежедневно за вход, доступ ко всем моделям, общий кредитный пул, командные проекты и единый счёт.
• Business - $100 за пользователя в месяц, тот же объём кредитов и отказ от обучения на данных команды по умолчанию.
• Enterprise - цена по договорённости, SAML SSO, ролевая модель доступа, приоритетная очередь и гарантии по срокам поддержки.

Неизрасходованные месячные кредиты переносятся на следующий период и сгорают через 65 дней. Докупленные живут год, но потратить их можно только при активной платной подписке. Расход стоит держать под наблюдением: v0 отправляет в модель историю чата и исходники проекта, поэтому длинный диалог дорожает с каждым сообщением, даже если сам запрос короткий.

Про приватность формулировки жёсткие. Промпты и содержимое чатов Vercel использует для улучшения продуктов на всех планах ниже Business - отказ от обучения на данных доступен на Business и Enterprise либо через настройки команды в Vercel. Сам v0 входит в область аттестации Vercel по SOC 2 Type 2 и заявлен как соответствующий GDPR.

Кому пригодится v0

• Основателю v0 закрывает первую версию продукта без найма команды: описание превращается в работающее приложение с базой, авторизацией и адресом в интернете.
• Продакт-менеджер собирает кликабельный прототип для согласования, не занимая очередь дизайнера. Дизайнер проверяет, как макет ведёт себя в браузере на реальных данных.
• Разработчик снимает с себя рутину - каркас проекта, повторяющиеся экраны, миграцию на свежие возможности Next.js.

Есть и менее очевидные сценарии. Маркетинг запускает промостраницы без участия разработки, аналитики строят дашборды поверх Snowflake, служба поддержки собирает базу знаний и формы обратной связи, преподаватели делают интерактивные примеры и тренажёры.

Сильные и слабые места v0

Плюсы:

• Живое приложение вместо статичного превью: серверный код, базы и переменные окружения работают уже в чате.
• Полный цикл в одном окне - от промпта до продакшена на инфраструктуре Vercel.
• Импорт из Figma, скриншотов, zip-архива и репозитория GitHub.
• Автоматическая работа с ветками и пул-реквестами, защита ветки main
• Дизайн-системы, MCP-серверы и предустановленные агенты для командной работы.
• Экспертиза в Next.js и React уровня разработчика самого фреймворка.

Минусы:

• Расход кредитов плохо предсказуем и растёт вместе с длиной диалога.
• Сгенерированный код требует ревизии перед выпуском, особенно в авторизации и платежах.
• Отказ от обучения на данных доступен с плана за $100 за пользователя.
• Интерфейс и документация без русской локализации.
• Стек фактически один: Next.js и React с прицелом на хостинг Vercel.
• Интеграция со Snowflake и бот для Slack находятся в бете.

Как не сжечь кредиты впустую

Экономика v0 держится на длине контекста, поэтому крупную задачу выгоднее резать на части: отдельный чат под витрину, отдельный под личный кабинет, отдельный под интеграцию с платежами. Разросшийся диалог с десятками правок стоит дорого на каждом следующем сообщении - проще открыть новую ветку от рабочей версии.

Формулировка задачи важнее объёма промпта. Назначение экрана, ключевые сценарии, ограничения и примеры данных экономят несколько итераций правок. Повторяющиеся требования вроде «сначала мобильная вёрстка» или «сперва покажи план» имеет смысл вынести в сохранённые инструкции и включать галочкой, а не переписывать в каждом запросе.

Модель под задачу подбирается отдельно. Простую вёрстку и мелкие правки тянет v0 Mini за минимальные деньги, а v0 Max разумно оставить для архитектуры и сложной логики. Журнал использования в кабинете показывает стоимость каждого события - заглядывать туда полезнее, чем гадать, куда ушёл месячный лимит.

Vercel, Next.js и происхождение v0

За v0 стоит Vercel - компания из Сан-Франциско, основанная в 2015 году Гильермо Раухом. Её основные продукты, кроме самого v0, это фреймворк Next.js, облачная платформа для развёртывания фронтенда, шлюз AI Gateway и библиотека AI SDK. Такое происхождение объясняет и стек генератора, и качество кода на Next.js: платформу делают те же люди, что и сам фреймворк.

Обратная сторона - плотная привязка к экосистеме. Полный набор возможностей v0 раскрывается на связке «репозиторий GitHub плюс проект Vercel», хотя экспорт кода никто не блокирует и продолжить работу в своём хостинге можно в любой момент.

Черновик быстро, продакшен - руками

v0 сильнее всего там, где нужно быстро получить проверяемый результат: прототип, внутренний инструмент, лендинг, первая версия продукта. Он честно отрабатывает путь от описания до опубликованного приложения и не пытается заменить архитектурную проработку, ревью безопасности и тестирование.

Бесплатного плана хватает, чтобы понять, подходит ли такой формат работы. Семь сообщений в день - немного, но их достаточно, чтобы собрать один экран и увидеть, как v0 разбирает задачу и пишет код.