Skip to content
VercelVercel
'; user_status_content.firstChild.appendChild(avatarContainer); } else { // Placeholder for LoggedOutUserMenu let loggedOutContainer = document.createElement('div'); // if LoggedOutUserMenu fallback let userBtn = document.createElement('button'); userBtn.style.width = "33px"; userBtn.style.height = "33px"; userBtn.style.display = "flex"; userBtn.style.alignItems = "center"; userBtn.style.justifyContent = "center"; userBtn.style.color = "var(--ds-gray-900)"; userBtn.style.border = "1px solid var(--ds-gray-300)"; userBtn.style.borderRadius = "100%"; userBtn.style.cursor = "pointer"; userBtn.style.background = "transparent"; userBtn.style.padding = "0"; // user icon ( from geist) let svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); svg.setAttribute('data-testid', 'geist-icon'); svg.setAttribute('height', '16'); svg.setAttribute('stroke-linejoin', 'round'); svg.setAttribute('style', 'color:currentColor'); svg.setAttribute('viewBox', '0 0 16 16'); svg.setAttribute('width', '16'); let path = document.createElementNS('http://www.w3.org/2000/svg', 'path'); path.setAttribute('fill-rule', 'evenodd'); path.setAttribute('clip-rule', 'evenodd'); path.setAttribute('d', 'M7.75 0C5.95507 0 4.5 1.45507 4.5 3.25V3.75C4.5 5.54493 5.95507 7 7.75 7H8.25C10.0449 7 11.5 5.54493 11.5 3.75V3.25C11.5 1.45507 10.0449 0 8.25 0H7.75ZM6 3.25C6 2.2835 6.7835 1.5 7.75 1.5H8.25C9.2165 1.5 10 2.2835 10 3.25V3.75C10 4.7165 9.2165 5.5 8.25 5.5H7.75C6.7835 5.5 6 4.7165 6 3.75V3.25ZM2.5 14.5V13.1709C3.31958 11.5377 4.99308 10.5 6.82945 10.5H9.17055C11.0069 10.5 12.6804 11.5377 13.5 13.1709V14.5H2.5ZM6.82945 9C4.35483 9 2.10604 10.4388 1.06903 12.6857L1 12.8353V13V15.25V16H1.75H14.25H15V15.25V13V12.8353L14.931 12.6857C13.894 10.4388 11.6452 9 9.17055 9H6.82945Z'); path.setAttribute('fill', 'currentColor'); svg.appendChild(path); userBtn.appendChild(svg); loggedOutContainer.appendChild(userBtn); loggedOutContainer.style.display = 'flex'; loggedOutContainer.style.gap = '8px'; loggedOutContainer.style.alignItems = 'center'; user_status_content.firstChild.appendChild(loggedOutContainer); } })();
Menu

Coding Agents

Last updated March 16, 2026

AI coding agents are transforming how developers write, debug, and refactor code. Route these agents through AI Gateway to get a single dashboard for spend tracking, access to any model, and automatic fallbacks, all while using the familiar interfaces of your favorite tools.

Why route coding agents here?

BenefitWithoutWith
Spend trackingSeparate dashboards per providerSingle unified view
Model accessLimited to agent's default models200+ models from all providers
BillingMultiple invoices, multiple accountsOne Vercel invoice
ReliabilitySingle point of failureAutomatic provider fallbacks
ObservabilityLimited or no visibilityFull request traces and metrics

Supported agents

Claude Code

Claude Code is Anthropic's agentic coding tool for the terminal. Configure it with environment variables:

export ANTHROPIC_BASE_URL="https://ai-gateway.vercel.sh"
export ANTHROPIC_API_KEY="your-ai-gateway-api-key"

Once configured, Claude Code works exactly as before, but requests route through the gateway.

See the Claude Code documentation for advanced configuration.

OpenAI Codex

OpenAI Codex is OpenAI's terminal-based coding agent. To connect it to AI Gateway, add the following to its configuration file:

~/.codex/config.toml
[model_providers.vercel]
name = "Vercel AI Gateway"
base_url = "https://ai-gateway.vercel.sh/v1"
env_key = "AI_GATEWAY_API_KEY"
wire_api = "responses"
 
[profiles.vercel]
model_provider = "vercel"
model = "openai/gpt-5.2-codex"

Then start Codex with the Vercel profile:

codex --profile vercel

For full configuration options, see Configure OpenAI Codex.

OpenCode

OpenCode is an open-source, terminal-based AI coding assistant with native support. Connect directly from within the tool:

opencode
> /connect
# Select "Vercel AI Gateway" and enter your API key

OpenCode automatically discovers available models and lets you switch between them on the fly.

See the OpenCode documentation for more features.

Blackbox AI

Blackbox AI is a terminal-based CLI for AI-powered code generation and debugging. Configure it with the interactive setup:

blackbox configure
# Select "Configure Providers", choose "Vercel AI Gateway", and enter your API key

See the Blackbox AI documentation for installation and setup.

Cline

Cline is a VS Code extension that provides autonomous coding assistance. Configure it directly in VS Code:

  1. Open the Cline settings panel
  2. Select Vercel AI Gateway as your API Provider
  3. Paste your API key
  4. Choose a model from the auto-populated catalog

Cline tracks detailed metrics including reasoning tokens, cache performance, and latency.

See the Cline documentation for troubleshooting tips.

Roo Code

Roo Code is a VS Code extension that brings AI assistance directly into your editor. Configure it through the settings panel:

  1. Click the gear icon in the Roo Code panel
  2. Select Vercel AI Gateway as your provider
  3. Enter your API key
  4. Choose from hundreds of available models

Roo Code includes prompt caching support for Claude and GPT models to reduce costs.

See the Roo Code documentation for setup details.

Conductor

Conductor is a Mac app that lets you run multiple Claude Code agents in parallel, each with an isolated copy of your codebase. Configure it through the settings panel:

  1. Go to Settings -> Env
  2. Add the environment variables under Claude Code
  3. Set ANTHROPIC_BASE_URL to https://ai-gateway.vercel.sh

Conductor lets you review and merge changes from multiple agents in one place.

See the Conductor documentation for setup details.

Crush

Crush is a terminal-based AI coding assistant by Charmbracelet with LSP integration and MCP support. Configure it interactively:

crush
# Select "Vercel AI Gateway", choose a model, and enter your API Key

See the Crush documentation for installation options.

Superset

Superset is a terminal-first AI coding agent that works with CLI agents like Claude Code, Codex, and Cursor Agents. Configure it with environment variables:

export ANTHROPIC_BASE_URL="https://ai-gateway.vercel.sh"
export ANTHROPIC_AUTH_TOKEN="your-ai-gateway-api-key"
export ANTHROPIC_API_KEY=""

Superset also includes a Chat UI with built-in provider configuration.

See the Superset documentation for Chat UI setup.

Getting started

  1. Get an API key: Create one in the AI Gateway page
  2. Choose your agent: Pick from Claude Code, OpenAI Codex, OpenCode, Blackbox AI, Cline, Roo Code, Conductor, Crush, or Superset
  3. Configure the connection: Point the agent to https://ai-gateway.vercel.sh
  4. Start coding: Use the agent as normal - all requests route through the gateway

Monitoring usage

Once your coding agents are connected, view usage in the Observability section in the sidebar:

  • Spend by agent: See how much each tool costs
  • Model usage: Track which models your agents use most
  • Request traces: Debug issues with full request/response logs

Next steps

Previous
Vercel MCP server
Next
Claude Code

Was this helpful?

supported.