Claude Code / CursorからVercelに自動デプロイする3つのワークフロー——Vercel Agent Skills時代の実践
2025年まで「Cursor/Claude Codeでコード修正→ターミナルで git push→ブラウザでVercel確認」と1日数十回のコンテキストスイッチが発生していた。2026年5月時点ではVercel Agent Skills(MCP経由)とClaude Code Plugin、Claude Code GitHub Actions v1.0で「コード→ビルド→デプロイ→プレビューURL→env管理→ロールバック」が全部AIエージェント内で完結する。本記事では3つの実装アプローチ(①git push型60〜90秒・最小5分セットアップ、②MCP直結型・.cursor/mcp.json + スラッシュコマンド/deploy・/env・/rollback、③GitHub Actions型・@claudeメンション→自動修正+preview deploy)、プレビュー環境戦略3パターン(A/B比較・ステージング・クライアント共有)、運用4つの落とし穴(env漏洩・コスト爆発・PR競合・rollback漏れ)とガード策を2026年5月の実コード付きで完全解説。