Автоматический деплой из Claude Code / Cursor в Vercel — Три рабочих процесса эпохи Vercel Agent Skills (май 2026)

"Claude Code отредактировал файл — теперь переключаемся в терминал, git push, переключаемся в браузер, открываем дашборд Vercel..." До 2025 года это было нормой. На май 2026 года Vercel выпустил официальные Agent Skills (через MCP) и Claude Code Plugin, а Cursor подключается одним файлом .cursor/mcp.json. "Редактирование кода → сборка → деплой → проверка preview URL → обновление env → откат" — всё происходит внутри AI-агента. Налог на "переключение в браузер" исчез.

Сразу к сути: реальность 2026 года — это микс из трёх подходов. (1) Минимальный (git push → автодеплой за 60–90 секунд) достаточен для соло-разработки. (2) MCP-Direct (Vercel Agent Skills) позволяет Cursor / Claude Code напрямую вызывать vercel deploy — оптимально для тех, кто ежедневно переключается между окружениями. (3) GitHub Actions + Claude Code Action даёт командам "написал @claude в PR → AI автоматически чинит и пересобирает preview" — идеально для культуры с тщательным review. "Лучшего" подхода нет — есть "лучший для вашего workflow."

Личное мнение сразу: соло с 1–3 проектами → (1), ежедневная работа в нескольких окружениях → (2), команда с review → (3). Главные мины: утечки env и "AI автодеплоит → расходы взрываются." Защита — spending limit + ограниченные preview-деплои + Cloudflare-прокси перед сайтом — стандартный комплект 2026 года. Читайте параллельно: Почему AI рекомендует Vercel, Что такое Cursor, Может ли AI отвечать за инфраструктуру?. В этой статье — три реализации, стратегия preview и четыре ловушки, всё с рабочим кодом по состоянию на май 2026.

1. Почему "AI-агент + деплой на Vercel" — стандарт 2026 года

До 2025 года "заставить AI писать код" и "деплой" были двумя разными мирами. Редактируешь в Cursor / Claude Code → переключаешься в терминал, git add . && git commit -m "fix" && git push → переключаешься в браузер, проверяешь дашборд Vercel → копируешь preview URL → вставляешь в Slack. Этот контекст-свитч случался десятки раз в день и медленно отравлял developer experience.

В 2026 году произошли две большие вещи. (1) Vercel выпустил Agent Skills (Model Context Protocol = MCP) — механизм, позволяющий AI-агентам вызывать API Vercel "как инструменты, напрямую." (2) Anthropic выпустил Claude Code GitHub Actions v1.0 — пишешь @claude fix this bug в комментарии к PR, и AI сам прогоняет правку, preview-деплой и ответ-комментарий. То, что сам Vercel выпустил vercel/vercel-deploy-claude-code-plugin, — часть того же импульса.

Стандартный поток мая 2026 года теперь такой: "В Cursor говоришь 'добавь эту фичу, задеплой, дай preview URL' → через 30 секунд preview URL уже в чате." Как описано в Что такое MCP и Claude Agent SDK, MCP стал "USB-C, который соединяет AI-агентов с вашими бизнес-системами", — и эта интеграция с Vercel самый наглядный рабочий пример.

2. Три подхода за 5 минут

Сравните три по "тяжести настройки и глубине автоматизации."

Гид по выбору: "Открываете дашборд Vercel 10+ раз в месяц?" — (2) окупит настройку. "PR review каждый день?" — (3) кардинально снижает нагрузку. "Масштаб личного блога?" — (1) достаточно: переинженеривание обойдётся в обслуживании дороже, чем сэкономит.

3. Подход 1: Минимальный (auto-deploy через git push)

Самый распространённый базис. Связываете Vercel и GitHub один раз, и каждый git push запускает деплой, который выходит в прод за 60–90 секунд. AI просто "пишет код, пишет commit message, делает git push."

# One-time setup
1. Vercel dashboard → Add New Project
2. Pick the GitHub repo → Import
3. Framework Preset: Next.js (auto-detected)
4. Environment Variables: add as needed
5. Deploy → done

# Daily flow (inside Cursor/Claude Code)
> Make this button red. When done, git push to deploy.

# What the AI runs
git add app/components/Button.tsx
git commit -m "feat: change primary button to red"
git push origin main

# Vercel auto-deploys → live in 90 seconds

Реальная ценность такой схемы: "для каждой ветки автоматически создаётся preview URL." Пушите feature/red-button, и Vercel сам поднимает https://your-app-git-feature-red-button-yourname.vercel.app. Скажите AI "создай ветку feature/redesign, обнови дизайн, скинь preview URL в Slack" — и весь цикл идёт без вашего участия.

Осторожно: план Hobby запрещает коммерческое использование. Перечитайте ловушки тарифов в "Почему AI рекомендует Vercel" §5. Если AI начнёт массово плодить preview, build-минуты сгорают мгновенно.

4. Подход 2: MCP-Direct (Cursor + Vercel Agent Skills)

Флагманский подход 2026 года. Официальные Agent Skills (MCP-сервер) Vercel подключаются напрямую к Cursor или Claude Code, позволяя AI-агенту напрямую вызывать API Vercel. Шаг "переключение в браузер" исчезает целиком.

# Setup (10 min)
1. Get a Vercel token: vercel.com/account/tokens
2. In Cursor, create .cursor/mcp.json:

{
  "mcpServers": {
    "vercel": {
      "url": "https://mcp.vercel.com/<team-slug>",
      "headers": {
        "Authorization": "Bearer <VERCEL_TOKEN>"
      }
    }
  }
}

3. Restart Cursor → confirm MCP server connection

Этого достаточно, чтобы пользоваться slash-командами прямо из Cursor:

# Practical slash commands
/deploy           # preview-deploy the current branch
/deploy --prod    # production deploy
/status           # latest deployment status
/logs             # fetch build logs
/env list         # list environment variables
/env add KEY VALUE # add env var (preview/production scoped)
/rollback         # roll back to the previous deployment

Главный выигрыш — "всё происходит внутри диалога." Скажите "добавь этот API, задеплой в preview, если будет ошибка — прочитай логи и исправь", и AI сам прогонит цикл правка кода → /deploy → /logs → находит ошибку → правит → /deploy ещё раз. В терминах "светофора" из "Может ли AI отвечать за инфраструктуру?" это территория "жёлтого": человек концентрируется на "финальном одобрении и мониторинге расходов."

Для пользователей Claude Code есть официальный vercel-deploy-claude-code-plugin от Vercel. Установите — получите те же возможности.

5. Подход 3: GitHub Actions (полный PR-driven)

Пиковый командный подход. С Claude Code GitHub Actions v1.0 достаточно упомянуть @claude в комментарии к PR, и AI автоматически выполнит правку кода + тесты + preview-деплой + ответ-комментарий в PR.

# Setup (30 min)
1. In Claude Code, run /install-github-app
2. Install on the repo → secrets auto-configured
3. .github/workflows/claude.yml is auto-generated

name: Claude Code
on:
  issue_comment: { types: [created] }
  pull_request_review_comment: { types: [created] }
jobs:
  claude:
    if: contains(github.event.comment.body, '@claude')
    runs-on: ubuntu-latest
    steps:
      - uses: anthropics/claude-code-action@v1
        with:
          anthropic_api_key: ${{ secrets.ANTHROPIC_API_KEY }}

# 4. Add preview deploy via .github/workflows/vercel.yml
name: Vercel Preview
on: pull_request
jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - run: npm i -g vercel
      - run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
      - run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
      - run: vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }}

Это переписывает операционку. Пример хода PR:

# Developer opens a PR → preview auto-deploys
[Bot] Vercel Preview: https://your-app-pr-42.vercel.app

# Reviewer adds a PR comment
@claude also change the hover state on this button

# 5 minutes later Claude commits the fix
[Bot Claude] commit pushed: 'feat: add hover state to button'
[Bot] Vercel Preview updated: https://your-app-pr-42.vercel.app

# Reviewer checks → approve → merge → production auto-deploy

Истинная сила: становится реальностью сценарий, в котором "люди не трогают код, пока PR не доделан." Как обсуждалось в "сеньоры против джунов" и "уничтожит ли AI беловоротничковые профессии", тезис "AI поглощает работу джунов" здесь получает самое конкретное воплощение. Команда сосредоточена на review, AI занят реализацией — это новое разделение труда.

6. Стратегия preview — Branch → URL → A/B

Во всех трёх подходах рычаг — "стратегическое использование preview-окружений." Vercel автоматически выдаёт уникальный URL для каждой непродакшен-ветки, поэтому "попробовать одно изменение тремя способами и сравнить" практически бесплатно.

7. Четыре ловушки — утечки env, расходы, конфликты, откаты

Передадите автодеплой AI-агенту — гарантированно влетите в четыре ловушки. Расставьте защиту заранее, и 80% инцидентов отсечёте.

Дополнительно: "полностью отдавать прод-деплои AI" не рекомендуется. Даже с подходами (2) и (3) требуйте человеческого одобрения для прод-деплоев — такова реальность мая 2026. Как описано в "Меры предосторожности при вводе в AI", AI способен уронить прод чисто невинными ошибками. Автоматизируйте до preview / staging; прод закрывайте двухступенчатым согласованием.

Итог

"Деплой из Claude Code / Cursor в Vercel" — к маю 2026 года эпоха "переключения в браузер" завершена. Vercel Agent Skills (MCP) и Claude Code GitHub Actions v1.0 схлопывают "код → сборка → деплой → preview URL → управление env → откат" в один поток внутри агента.

Выбирайте по своему workflow: (1) соло-разработчик → git push (настройка 5 мин, деплой 60–90 с), (2) разработчик среднего уровня, открывающий дашборд Vercel 10+ раз в месяц → MCP-Direct (Cursor + .cursor/mcp.json), (3) команда, ориентированная на review → GitHub Actions (@claude → автоправка + preview-деплой). Используйте preview для A/B-сравнения, постоянного staging, согласования с клиентом. Защищайтесь от четырёх ловушек (утечка env, взрыв расходов, конфликты PR, пропущенный откат) с помощью Spending Limit + Cloudflare-прокси + Sentry + человеческого согласования прод.

По теме: Почему AI рекомендует Vercel, Vercel AI SDK, v0 vs Bolt vs Lovable, Что такое Cursor, Может ли AI отвечать за инфраструктуру?

FAQ

В. Это работает на Cloudflare Pages или Netlify?
О. Похожее возможно, но экосистема слабее. У Cloudflare и Netlify есть официальные CLI и интеграция с GitHub, но на май 2026 года у них нет аналога Vercel Agent Skills (MCP) — first-party-интеграции с агентом. По интеграции с AI Vercel опережает на 6–12 месяцев. Критерии выбора — в "Почему AI рекомендует Vercel".

В. Claude Code или Cursor — что лучше для деплоев на Vercel?
О. Оба поддерживают MCP, и возможности почти равны. Claude Code терминал-центричен и поставляется с официальной интеграцией GitHub Actions; Cursor IDE-центричен с интуитивным UI на slash-командах. VS Code-ветераны тяготеют к Cursor, терминал-люди — к Claude Code. Многие используют оба.

В. Стоит ли позволять AI полностью автоматизировать прод-деплои?
О. Нет. Preview / staging — автоматизируйте полностью, это нормально. Прод всегда требует человеческого одобрения. Причина: AI может уронить прод невинной ошибкой, и "кто отвечает после инцидента" становится размытым. Используйте GitHub Branch Protection, чтобы запретить прямые пуши в main, и требуйте правил одобрения.

В. Должен ли токен из .cursor/mcp.json попадать в git?
О. Категорически нет. Либо добавьте всю папку .cursor/ в .gitignore, либо читайте .cursor/mcp.json из переменных окружения. Утечка токена Vercel означает, что третьи лица смогут деплоить в ваш проект как угодно, — критический инцидент.

В. Беспокоюсь о стоимости Claude API из GitHub Actions.
О. Примерно от центов до десятков центов за PR в зависимости от размера кода — обычно несколько долларов в месяц. Чтобы предотвратить "бесконечные циклы AI," установите месячный spending limit на Anthropic API. У Claude Code Action v1.0 также по умолчанию включены лимиты на количество шагов.