How to connect Vercel MCP with VS Code

Trusted by teams at
AWS
Glean
Zoom
Airtable
GET STARTED FOR FREEGET A DEMO

30 min · no commitment · see it on your stack

Vercel logo
VS Code logo
divider

How to connect Vercel MCP with VS Code

VS Code is the most popular code editor out there. With its recent AI makeover, it can do more than just help you write code. You can connect your applications to it and let LLMs automate many of the mundane tasks in your workflow.

In this guide, I will explain how to connect Vercel with VS Code in the most secure and robust way possible via Composio.

Also integrate Vercel with

Why use Composio?

Composio provides:

  • Access to 1,000+ managed apps from a single MCP endpoint. This makes it convenient for agents to run cross-app workflows.
  • Programmatic tool calling. Allows LLMs to write its code in a remote workbench to handle complex tool chaining. Reduces to-and-fro with LLMs for frequent tool calling.
  • Large tool response handling outside the LLM context. This minimizes context bloat from large tool responses.
  • Dynamic just-in-time access to thousands of tools across hundreds of apps. Composio loads the tools your agent needs, so LLMs are not overwhelmed by tools they do not need.

Integrate Vercel MCP with VS Code

1. Install with one click

Click the button below to add Composio to VS Code. You will be prompted to authorize. This requires VS Code 1.99+ with GitHub Copilot.

+Install in VS Code

2. Or add manually

Open or create .vscode/mcp.json in your project root and add the following configuration:

bash
{
  "servers": {
    "composio": {
      "type": "http",
      "url": "https://connect.composio.dev/mcp"
    }
  }
}

3. Authorize

Click the install button to authorize VS Code to connect to Composio. VS Code will detect OAuth and prompt you to sign in.

VS Code MCP server install screen for Composio

A browser window will open to authorize.

Composio authorization browser window

4. Authenticate Vercel and start working

Back in VS Code chat, ask the agent to connect to Vercel or give it any Vercel-related task.

For example, ask it to:

  • "Deploy latest changes to your project"
  • "Add API key as production environment variable"
  • "Check if mydomain.com is available for purchase"

It will prompt you to authenticate and authorize access to Vercel.

That is it. Composio tools are now available in VS Code, and your Vercel account is ready to use.

Supported Tools & Triggers

Tools
Add Environment VariableTool to add an environment variable to a vercel project.
Check Cache Artifact ExistsTool to check if a cache artifact exists by its hash.
Check Domain AvailabilityTool to check if a domain is available for registration.
Check Domain PriceTool to check the price for a domain before purchase.
Create Auth TokenTool to create a new authentication token.
Create Edge ConfigTool to create a new edge config for a vercel project.
Create Edge Config TokenTool to create a new token for a specific edge config.
Create new deploymentTool to create a new deployment.
Delete Auth TokenTool to delete an authentication token.
Delete DeploymentTool to delete a specific deployment by its unique id.
Delete Edge Config TokensTool to delete tokens associated with a specific edge config.
Delete Environment VariableTool to delete a specific environment variable from a project.
Delete Vercel ProjectTool to delete a specific project by its id or name.
Deploy Edge FunctionDeploy edge functions to vercel.
Get Auth Token MetadataTool to retrieve metadata for an authentication token.
Get deployment detailsTool to retrieve detailed information about a specific deployment.
Get Deployment EventsTool to retrieve events related to a specific deployment.
Get Deployment LogsTool to retrieve logs for a specific vercel deployment.
Get Domain Transfer InfoTool to get information required to transfer a domain to vercel.
Get Edge ConfigTool to retrieve details of a specific edge config.
Get Edge Config ItemTool to retrieve a specific item within an edge config.
Get Edge Config TokenTool to retrieve details of a specific token associated with an edge config.
Get Vercel ProjectTool to retrieve information about a vercel project by id or name.
List Vercel AliasesTool to list all aliases for the authenticated user or team.
List All DeploymentsTool to list all deployments.
List Auth TokensTool to list authentication tokens.
List Deployment ChecksTool to retrieve a list of checks for a specific deployment.
List Edge Config ItemsTool to retrieve a list of items within a specific edge config.
List Edge ConfigsTool to list all edge configs.
List Edge Config TokensTool to retrieve a list of tokens for a specific edge config.
List Environment VariablesTool to list environment variables for a specific project.
List All TeamsTool to list all teams accessible to the authenticated user.
Update Edge ConfigTool to update an existing edge config.
Update Edge Config ItemsTool to update items within a specific edge config.
Update Vercel ProjectTool to update an existing project.

Way Forward

Now that Vercel is connected, extend your setup by connecting the other apps you already use every day, so your agent can run true cross-app workflows end to end.

  • Connect Calendar to turn threads into scheduled meetings automatically.
  • Connect Slack or Teams to post summaries, approvals, and alerts where your team works.
  • Connect Notion, Linear, Jira, or Asana to convert requests into tickets, tasks, and docs.
  • Connect Drive, Dropbox, or OneDrive to fetch, file, and share attachments without manual steps.
  • Connect HubSpot or Salesforce to log customer context, update records, and draft follow-ups.

Start with one workflow you do repeatedly, then keep adding apps as you find new handoffs. With everything behind a single MCP endpoint, your agent can coordinate multiple tools safely and reliably in one conversation.

How to build Vercel MCP Agent with another framework

ChatGPT logo

ChatGPT

Use Vercel MCP with ChatGPT

OpenAI Agents SDK logo

OpenAI Agents SDK

Use Vercel MCP with OpenAI Agents SDK

Claude Agent SDK logo

Claude Agent SDK

Use Vercel MCP with Claude Agent SDK

Claude Code logo

Claude Code

Use Vercel MCP with Claude Code

Claude Cowork logo

Claude Cowork

Use Vercel MCP with Claude Cowork

Codex logo

Codex

Use Vercel MCP with Codex

Cursor logo

Cursor

Use Vercel MCP with Cursor

OpenClaw logo

OpenClaw

Use Vercel MCP with OpenClaw

Hermes logo

Hermes

Use Vercel MCP with Hermes

CLI logo

CLI

Use Vercel MCP with CLI

Google ADK logo

Google ADK

Use Vercel MCP with Google ADK

LangChain logo

LangChain

Use Vercel MCP with LangChain

Vercel AI SDK logo

Vercel AI SDK

Use Vercel MCP with Vercel AI SDK

Mastra AI logo

Mastra AI

Use Vercel MCP with Mastra AI

LlamaIndex logo

LlamaIndex

Use Vercel MCP with LlamaIndex

CrewAI logo

CrewAI

Use Vercel MCP with CrewAI

OpenCode logo

OpenCode

Use Vercel MCP with OpenCode

FAQ

What are the differences in Tool Router MCP and Vercel MCP?

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.

Can I use Tool Router MCP with VS Code?

Yes, you can. VS Code 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.

Can I manage the permissions and scopes for Vercel while using Tool Router?

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.

How safe is my data with Composio Tool Router?

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.

Used by agents from

Context
Letta
glean
HubSpot
Agent.ai
Altera
DataStax
Entelligence
Rolai
Context
Letta
glean
HubSpot
Agent.ai
Altera
DataStax
Entelligence
Rolai
Context
Letta
glean
HubSpot
Agent.ai
Altera
DataStax
Entelligence
Rolai

Never worry about agent reliability

We handle tool reliability, observability, and security so you never have to second-guess an agent action.

Get started for freeGet a demo↗