How to integrate Vercel MCP with Vercel AI SDK v6

This guide walks you through connecting Vercel to Vercel AI SDK v6 using the Composio tool router. By the end, you'll have a working Vercel agent that can deploy latest changes to your project, add api key as production environment variable, check if mydomain.com is available for purchase through natural language commands. This guide will help you understand how to give your Vercel AI SDK agent real control over a Vercel account through Composio's Vercel MCP server. Before we dive in, let's take a quick look at the key ideas and tools involved.

Vercel logoVercel
Api Key

Vercel is a platform for frontend frameworks and static sites, letting you host, deploy, and scale web projects with ease. It’s built for developers who want fast, automated deployments and minimal config.

131 Tools

Introduction

This guide walks you through connecting Vercel to Vercel AI SDK v6 using the Composio tool router. By the end, you'll have a working Vercel agent that can deploy latest changes to your project, add api key as production environment variable, check if mydomain.com is available for purchase through natural language commands.

This guide will help you understand how to give your Vercel AI SDK agent real control over a Vercel account through Composio's Vercel MCP server.

Before we dive in, let's take a quick look at the key ideas and tools involved.

Also integrate Vercel with

TL;DR

Here's what you'll learn:
  • How to set up and configure a Vercel AI SDK agent with Vercel integration
  • Using Composio's Tool Router to dynamically load and access Vercel tools
  • Creating an MCP client connection using HTTP transport
  • Building an interactive CLI chat interface with conversation history management
  • Handling tool calls and results within the Vercel AI SDK framework

What is Vercel AI SDK?

The Vercel AI SDK is a TypeScript library for building AI-powered applications. It provides tools for creating agents that can use external services and maintain conversation state.

Key features include:

  • streamText: Core function for streaming responses with real-time tool support
  • MCP Client: Built-in support for Model Context Protocol via @ai-sdk/mcp
  • Step Counting: Control multi-step tool execution with stopWhen: stepCountIs()
  • OpenAI Provider: Native integration with OpenAI models

What is the Vercel MCP server, and what's possible with it?

The Vercel MCP server is an implementation of the Model Context Protocol that connects your AI agent and assistants like Claude, Cursor, etc directly to your Vercel account. It provides structured and secure access to your Vercel projects and deployments, so your agent can perform actions like creating deployments, managing environment variables, handling edge configs, and checking domain statuses on your behalf.

  • Automated deployments and rollbacks: Easily instruct your agent to create new deployments or remove outdated ones, streamlining your release process without manual steps.
  • Environment variable management: Let your agent add or update sensitive configuration values across different environments, ensuring your projects are set up correctly before a deploy.
  • Edge configuration and token handling: Have your agent create new edge configs or generate secure tokens for read-only access, optimizing how your content is served globally.
  • Domain availability and pricing checks: Ask your agent to verify if a domain is available and fetch the latest price before you make a purchase decision.
  • Authentication token management: Enable your agent to create or revoke Vercel API tokens, giving you fine-grained control over programmatic access to your account.

What is the Composio tool router, and how does it fit here?

What is Composio SDK?

Composio's Composio SDK helps agents find the right tools for a task at runtime. You can plug in multiple toolkits (like Gmail, HubSpot, and GitHub), and the agent will identify the relevant app and action to complete multi-step workflows. This can reduce token usage and improve the reliability of tool calls. Read more here: Getting started with Composio SDK

The tool router generates a secure MCP URL that your agents can access to perform actions.

How the Composio SDK works

The Composio SDK follows a three-phase workflow:

  1. Discovery: Searches for tools matching your task and returns relevant toolkits with their details.
  2. Authentication: Checks for active connections. If missing, creates an auth config and returns a connection URL via Auth Link.
  3. Execution: Executes the action using the authenticated connection.

Step-by-step Guide

Step by step09 STEPS
1

Prerequisites

Before you begin, make sure you have:
  • Node.js and npm installed
  • A Composio account with API key
  • An OpenAI API key
2

Getting API Keys for OpenAI and Composio

OpenAI API Key
  • Go to the OpenAI dashboard and create an API key. You'll need credits to use the models, or you can connect to another model provider.
  • Keep the API key safe.
Composio API Key
  • Log in to the Composio dashboard.
  • Navigate to your API settings and generate a new API key.
  • Store this key securely as you'll need it for authentication.
3

Install required dependencies

bash
npm install @ai-sdk/openai @ai-sdk/mcp @composio/core ai dotenv

First, install the necessary packages for your project.

What you're installing:

  • @ai-sdk/openai: Vercel AI SDK's OpenAI provider
  • @ai-sdk/mcp: MCP client for Vercel AI SDK
  • @composio/core: Composio SDK for tool integration
  • ai: Core Vercel AI SDK
  • dotenv: Environment variable management
4

Set up environment variables

bash
OPENAI_API_KEY=your_openai_api_key_here
COMPOSIO_API_KEY=your_composio_api_key_here
COMPOSIO_USER_ID=your_user_id_here

Create a .env file in your project root.

What's needed:

  • OPENAI_API_KEY: Your OpenAI API key for GPT model access
  • COMPOSIO_API_KEY: Your Composio API key for tool access
  • COMPOSIO_USER_ID: A unique identifier for the user session
5

Import required modules and validate environment

typescript
import "dotenv/config";
import { openai } from "@ai-sdk/openai";
import { Composio } from "@composio/core";
import * as readline from "readline";
import { streamText, type ModelMessage, stepCountIs } from "ai";
import { createMCPClient } from "@ai-sdk/mcp";

const composioAPIKey = process.env.COMPOSIO_API_KEY;
const composioUserID = process.env.COMPOSIO_USER_ID;

if (!process.env.OPENAI_API_KEY) throw new Error("OPENAI_API_KEY is not set");
if (!composioAPIKey) throw new Error("COMPOSIO_API_KEY is not set");
if (!composioUserID) throw new Error("COMPOSIO_USER_ID is not set");

const composio = new Composio({
  apiKey: composioAPIKey,
});
What's happening:
  • We're importing all necessary libraries including Vercel AI SDK's OpenAI provider and Composio
  • The dotenv/config import automatically loads environment variables
  • The MCP client import enables connection to Composio's tool server
6

Create Tool Router session and initialize MCP client

typescript
async function main() {
  // Create a tool router session for the user
  const session = await composio.create(composioUserID!, {
    toolkits: ["vercel"],
  });

  const mcpUrl = session.mcp.url;
What's happening:
  • We're creating a Tool Router session that gives your agent access to Vercel tools
  • The create method takes the user ID and specifies which toolkits should be available
  • The returned mcp object contains the URL and authentication headers needed to connect to the MCP server
  • This session provides access to all Vercel-related tools through the MCP protocol
7

Connect to MCP server and retrieve tools

typescript
const mcpClient = await createMCPClient({
  transport: {
    type: "http",
    url: mcpUrl,
    headers: session.mcp.headers, // Authentication headers for the Composio MCP server
  },
});

const tools = await mcpClient.tools();
What's happening:
  • We're creating an MCP client that connects to our Composio Tool Router session via HTTP
  • The mcp.url provides the endpoint, and mcp.headers contains authentication credentials
  • The type: "http" is important - Composio requires HTTP transport
  • tools() retrieves all available Vercel tools that the agent can use
8

Initialize conversation and CLI interface

typescript
let messages: ModelMessage[] = [];

console.log("Chat started! Type 'exit' or 'quit' to end the conversation.\n");
console.log(
  "Ask any questions related to vercel, like summarize my last 5 emails, send an email, etc... :)))\n",
);

const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout,
  prompt: "> ",
});

rl.prompt();
What's happening:
  • We initialize an empty messages array to maintain conversation history
  • A readline interface is created to accept user input from the command line
  • Instructions are displayed to guide the user on how to interact with the agent
9

Handle user input and stream responses with real-time tool feedback

typescript
rl.on("line", async (userInput: string) => {
  const trimmedInput = userInput.trim();

  if (["exit", "quit", "bye"].includes(trimmedInput.toLowerCase())) {
    console.log("\nGoodbye!");
    rl.close();
    process.exit(0);
  }

  if (!trimmedInput) {
    rl.prompt();
    return;
  }

  messages.push({ role: "user", content: trimmedInput });
  console.log("\nAgent is thinking...\n");

  try {
    const stream = streamText({
      model: openai("gpt-5"),
      messages,
      tools,
      toolChoice: "auto",
      stopWhen: stepCountIs(10),
      onStepFinish: (step) => {
        for (const toolCall of step.toolCalls) {
          console.log(`[Using tool: ${toolCall.toolName}]`);
          }
          if (step.toolCalls.length > 0) {
            console.log(""); // Add space after tool calls
          }
        },
      });

      for await (const chunk of stream.textStream) {
        process.stdout.write(chunk);
      }

      console.log("\n\n---\n");

      // Get final result for message history
      const response = await stream.response;
      if (response?.messages?.length) {
        messages.push(...response.messages);
      }
    } catch (error) {
      console.error("\nAn error occurred while talking to the agent:");
      console.error(error);
      console.log(
        "\nYou can try again or restart the app if it keeps happening.\n",
      );
    } finally {
      rl.prompt();
    }
  });

  rl.on("close", async () => {
    await mcpClient.close();
    console.log("\n👋 Session ended.");
    process.exit(0);
  });
}

main().catch((err) => {
  console.error("Fatal error:", err);
  process.exit(1);
});
What's happening:
  • We use streamText instead of generateText to stream responses in real-time
  • toolChoice: "auto" allows the model to decide when to use Vercel tools
  • stopWhen: stepCountIs(10) allows up to 10 steps for complex multi-tool operations
  • onStepFinish callback displays which tools are being used in real-time
  • We iterate through the text stream to create a typewriter effect as the agent responds
  • The complete response is added to conversation history to maintain context
  • Errors are caught and displayed with helpful retry suggestions

Complete Code

Here's the complete code to get you started with Vercel and Vercel AI SDK:

typescript
import "dotenv/config";
import { openai } from "@ai-sdk/openai";
import { Composio } from "@composio/core";
import * as readline from "readline";
import { streamText, type ModelMessage, stepCountIs } from "ai";
import { createMCPClient } from "@ai-sdk/mcp";

const composioAPIKey = process.env.COMPOSIO_API_KEY;
const composioUserID = process.env.COMPOSIO_USER_ID;

if (!process.env.OPENAI_API_KEY) throw new Error("OPENAI_API_KEY is not set");
if (!composioAPIKey) throw new Error("COMPOSIO_API_KEY is not set");
if (!composioUserID) throw new Error("COMPOSIO_USER_ID is not set");

const composio = new Composio({
  apiKey: composioAPIKey,
});

async function main() {
  // Create a tool router session for the user
  const session = await composio.create(composioUserID!, {
    toolkits: ["vercel"],
  });

  const mcpUrl = session.mcp.url;

  const mcpClient = await createMCPClient({
    transport: {
      type: "http",
      url: mcpUrl,
      headers: session.mcp.headers, // Authentication headers for the Composio MCP server
    },
  });

  const tools = await mcpClient.tools();

  let messages: ModelMessage[] = [];

  console.log("Chat started! Type 'exit' or 'quit' to end the conversation.\n");
  console.log(
    "Ask any questions related to vercel, like summarize my last 5 emails, send an email, etc... :)))\n",
  );

  const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout,
    prompt: "> ",
  });

  rl.prompt();

  rl.on("line", async (userInput: string) => {
    const trimmedInput = userInput.trim();

    if (["exit", "quit", "bye"].includes(trimmedInput.toLowerCase())) {
      console.log("\nGoodbye!");
      rl.close();
      process.exit(0);
    }

    if (!trimmedInput) {
      rl.prompt();
      return;
    }

    messages.push({ role: "user", content: trimmedInput });
    console.log("\nAgent is thinking...\n");

    try {
      const stream = streamText({
        model: openai("gpt-5"),
        messages,
        tools,
        toolChoice: "auto",
        stopWhen: stepCountIs(10),
        onStepFinish: (step) => {
          for (const toolCall of step.toolCalls) {
            console.log(`[Using tool: ${toolCall.toolName}]`);
          }
          if (step.toolCalls.length > 0) {
            console.log(""); // Add space after tool calls
          }
        },
      });

      for await (const chunk of stream.textStream) {
        process.stdout.write(chunk);
      }

      console.log("\n\n---\n");

      // Get final result for message history
      const response = await stream.response;
      if (response?.messages?.length) {
        messages.push(...response.messages);
      }
    } catch (error) {
      console.error("\nAn error occurred while talking to the agent:");
      console.error(error);
      console.log(
        "\nYou can try again or restart the app if it keeps happening.\n",
      );
    } finally {
      rl.prompt();
    }
  });

  rl.on("close", async () => {
    await mcpClient.close();
    console.log("\n👋 Session ended.");
    process.exit(0);
  });
}

main().catch((err) => {
  console.error("Fatal error:", err);
  process.exit(1);
});

Conclusion

You've successfully built a Vercel agent using the Vercel AI SDK with streaming capabilities! This implementation provides a powerful foundation for building AI applications with natural language interfaces and real-time feedback.

Key features of this implementation:

  • Real-time streaming responses for a better user experience with typewriter effect
  • Live tool execution feedback showing which tools are being used as the agent works
  • Dynamic tool loading through Composio's Tool Router with secure authentication
  • Multi-step tool execution with configurable step limits (up to 10 steps)
  • Comprehensive error handling for robust agent execution
  • Conversation history maintenance for context-aware responses

You can extend this further by adding custom error handling, implementing specific business logic, or integrating additional Composio toolkits to create multi-app workflows.
TOOLS

Supported Tools

Every Vercel action and event your agent gets out of the box.

Add Environment Variable

Tool to add an environment variable to a Vercel project.

Add Domain to Project

Tool to attach a custom domain to a Vercel project.

Assign Alias to Deployment

Tool to assign an alias to a specific Vercel deployment.

Batch Remove Project Environment Variables

Tool to batch remove environment variables from a Vercel project.

Buy Domains

Tool to purchase multiple domains through Vercel's domain registrar.

Buy Single Domain

Tool to purchase a domain through Vercel's domain registrar.

Check Artifact Exists

Tool to check if a cache artifact exists by its hash.

Check Domain Availability

Tool to check if a domain is available for registration.

Check Domain Price

Check pricing for a domain including purchase, renewal, and transfer costs.

Create Auth Token

Tool to create a new authentication token.

Create DNS Record

Tool to create a new DNS record for a domain.

Create Edge Config

Creates a new Edge Config for storing key-value data at the edge.

Create Edge Config Token

Create a read access token for a specific Edge Config.

Create new deployment

Tool to create a new deployment.

Create or Transfer Domain

Tool to add an existing domain to the Vercel platform.

Create Vercel Project (v2)

Tool to create a new Vercel project with comprehensive configuration options.

Create Project Transfer Request

Tool to create a project transfer request.

Create Shared Environment Variable

Tool to create one or more shared environment variables in Vercel.

Create Webhook

Tool to create a webhook for receiving notifications about Vercel events.

Dangerously Delete By Source Images

Tool to dangerously delete edge cache by source image URLs.

Dangerously Delete Cache By Tags

Tool to dangerously delete edge cache by tags.

Delete Vercel Alias

Tool to delete an alias from Vercel.

Delete Auth Token

Tool to delete an authentication token.

Purge All Data Cache

Tool to purge all data cache entries for a specific project.

Delete Deployment (V2)

Permanently delete a Vercel deployment by its ID or URL.

Delete DNS Record

Tool to delete a DNS record from a domain.

Delete Domain

Tool to remove a domain by name from Vercel.

Delete Edge Config

Tool to delete an Edge Config by its unique identifier.

Delete Edge Config Tokens (v2)

Tool to delete one or more Edge Config tokens.

Delete Vercel Project (v2)

Tool to delete a Vercel project by ID or name.

Remove Project Environment Variable

Tool to remove an environment variable from a Vercel project.

Delete Rolling Release Configuration

Tool to delete rolling release configuration for a project.

Delete Shared Env Variable

Tool to delete one or more shared environment variables.

Delete Vercel Webhook

Delete a webhook by its unique ID to stop receiving event notifications.

Download Cache Artifact

Download a cache artifact from Vercel's Remote Cache by its hash.

Edit Project Environment Variable

Tool to edit an environment variable in a Vercel project.

Filter Project Environment Variables

Tool to retrieve environment variables of a Vercel project by id or name.

Get Active Attack Status

Tool to read active attack data from Vercel Firewall for a specific project.

Get Vercel Alias

Tool to retrieve information about a Vercel alias by ID or alias name.

Query Artifact Information

Tool to query information about artifacts by their hashes.

Get Auth Token Metadata

Tool to retrieve metadata for an authentication token.

Get Authenticated User

Tool to get the authenticated user's profile.

Get Bulk Domain Availability

Tool to check availability for multiple domains at once.

Get Remote Caching Status

Tool to get the status of Remote Caching for the principal.

Get SSL/TLS Certificates

Tool to retrieve SSL/TLS certificates for the authenticated user or team.

Get Integration Configurations

Tool to get configurations for the authenticated user or team.

Get Contact Info Schema

Tool to retrieve the contact information schema for a domain's top-level domain (TLD).

Get Deployment by ID or URL

Tool to get a deployment by ID or URL.

Get Deployment Events

Tool to get deployment events for a specific Vercel deployment by ID or URL.

Get Deployment File Contents

Retrieve the contents of a specific file from a Vercel deployment.

Get Deployment Runtime Logs

Tool to retrieve runtime logs for a specific Vercel deployment by project and deployment ID.

Get Deployments

Tool to list deployments from Vercel.

Get Domain Information

Tool to retrieve complete information for a single domain.

Get Domain Configuration

Tool to get a domain's configuration details from Vercel.

Get Domain Transfer Info

Tool to get information required to transfer a domain to Vercel.

Get All Drains

Tool to retrieve a list of all drains.

Get Edge Config

Tool to retrieve detailed information about a specific Edge Config by ID.

Get Edge Config Backup

Tool to retrieve a specific backup version of an Edge Config.

Get Edge Config Item

Tool to retrieve a specific item within an Edge Config.

Get Edge Config Schema

Tool to retrieve the JSON schema of a specific Edge Config.

Get Edge Config Token

Tool to retrieve details of a specific token associated with an Edge Config.

Get Firewall Configuration

Tool to retrieve firewall configuration for a Vercel project.

List Git Namespaces

Tool to list Git namespaces (organizations/users) by provider.

Find Project by ID or Name

Tool to find a project by ID or name with comprehensive details.

Get Project Domain

Tool to retrieve details about a specific domain attached to a Vercel project.

List Project Domains

Tool to retrieve all domains attached to a Vercel project.

Get Project Environment Variable

Tool to retrieve the decrypted value of an environment variable from a Vercel project.

Get Projects

Tool to retrieve a list of projects from Vercel.

List Promote Aliases

Tool to get a list of aliases with status for the current promote operation.

Get Rolling Release

Tool to retrieve active rolling release information for a Vercel project.

Get Rolling Release Billing Status

Tool to retrieve the rolling release billing status for a Vercel project.

Get Rolling Release Config

Tool to get rolling release configuration for a Vercel project.

Get Shared Environment Variable

Tool to retrieve the decrypted value of a Shared Environment Variable by id.

List Shared Environment Variables

Tool to list all shared environment variables for a team.

Get Team Details

Retrieves detailed information about a specific Vercel team by its ID or slug.

Get All Teams

Tool to list all teams accessible to the authenticated user with detailed information.

Get TLD Info

Tool to get information about a specific top-level domain (TLD).

Get TLD Price

Tool to get pricing information for a specific top-level domain (TLD).

List User Events

Tool to list user events.

Get Webhook

Tool to retrieve details of a specific webhook by ID.

Invalidate Cache By Source Images

Tool to invalidate edge cache by source image URLs.

Invalidate Cache By Tags

Tool to invalidate edge cache by tags.

List Vercel Aliases

Tool to list aliases from Vercel API.

List Auth Tokens

Tool to list authentication tokens.

List Deployment Aliases

Tool to list all aliases assigned to a specific deployment.

List Deployment Checks

Tool to retrieve a list of checks for a specific deployment.

List Deployment Files

Tool to list all files in a specific deployment.

List DNS Records

Tool to list existing DNS records for a domain.

Get Domains

Tool to list all domains from Vercel.

Get Edge Config Backups

Tool to retrieve backups for a specific Edge Config.

Get Edge Config Items

Tool to retrieve all items from a specific Edge Config.

Get Edge Configs

Tool to retrieve all Edge Configs for an account or team.

Get Edge Config Tokens

Tool to get all tokens of an Edge Config.

Get Firewall Events by Project

Retrieve firewall events and security actions for a specific Vercel project.

Get Integration Log Drains

Retrieves a list of Integration log drains for a team or account.

Get Project Custom Environments

Tool to retrieve custom environments for a Vercel project.

Get Project Members

Tool to list all members of a Vercel project.

Get Supported TLDs

Tool to retrieve all TLDs (top-level domains) supported by Vercel for domain registration.

Get Team Members

Tool to list all members of a Vercel team.

Get List of Webhooks

Tool to retrieve a list of all webhooks for the authenticated account or team.

Move Project Domain

Tool to move a domain from one Vercel project to another.

Pause Vercel Project

Tool to pause a Vercel project.

Read Firewall Configuration

Tool to read firewall configuration for a Vercel project.

Record Artifacts Cache Events

Tool to record artifacts cache usage events.

Remove Domain from Project

Tool to remove a domain from a Vercel project.

Update Vercel Firewall Configuration

Tool to update firewall configuration for a Vercel project.

Request Delete User Account

Tool to initiate user account deletion on Vercel.

Promote Deployment to Production

Tool to promote a deployment to production by pointing all production domains for a project to the given deployment.

Search Git Repositories

Tool to search and list Git repositories linked to a namespace by provider.

Test Drain Configuration

Tool to validate a drain delivery configuration by sending a test request.

Transfer In Domain

Tool to transfer a domain to Vercel from another registrar.

Unlink Shared Environment Variable

Tool to disconnect a shared environment variable from a Vercel project.

Unpause Vercel Project

Tool to unpause a specific project by its ID.

Update Attack Challenge Mode

Tool to update Attack Challenge mode for a Vercel project.

Update DNS Record

Tool to update an existing DNS record.

Patch Domain

Tool to update or move an apex domain on Vercel.

Update Edge Config

Tool to update an Edge Config by changing its slug.

Update Edge Config Items

Tool to update items within a specific Edge Config.

Update Edge Config Schema

Tool to update the JSON Schema for an Edge Config.

Update Firewall Configuration

Tool to incrementally update Vercel Firewall configuration for a project using PATCH.

Update Vercel Project (v2)

Tool to update an existing Vercel project configuration.

Update Project Data Cache

Tool to update the data cache feature for a Vercel project.

Update Project Domain

Tool to update a project domain in Vercel.

Update Project Protection Bypass

Tool to update protection bypass for automation on a Vercel project.

Update Shared Env Variable

Tool to update one or more shared environment variables.

Update Project Static IPs

Tool to configure Static IPs for a Vercel project.

Update Team

Tool to update a Vercel team's configuration.

Update URL Protection Bypass

Tool to update the protection bypass for a URL.

Upload Cache Artifact

Tool to upload a cache artifact to Vercel.

Upload Deployment File

Tool to upload deployment files to Vercel.

Verify Project Domain

Attempts to verify a project domain by checking if DNS challenges are correctly configured.

FAQ

Frequently asked questions

With a standalone Vercel MCP server, the agents and LLMs can only access a fixed set of Vercel tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from Vercel and many other apps based on the task at hand, all through a single MCP endpoint.

Yes, you can. Vercel AI SDK v6 fully supports MCP integration. You get structured tool calling, message history handling, and model orchestration while Tool Router takes care of discovering and serving the right Vercel tools.

Yes, absolutely. You can configure which Vercel scopes and actions are allowed when connecting your account to Composio. You can also bring your own OAuth credentials or API configuration so you keep full control over what the agent can do.

All sensitive data such as tokens, keys, and configuration is fully encrypted at rest and in transit. Composio is SOC 2 Type 2 compliant and follows strict security practices so your Vercel data and credentials are handled as safely as possible.

Start with Vercel.It takes 30 seconds.

Managed auth, hosted MCP servers, and every Vercel tool your agent needs.Free to start.

Start building