Converts Figma frames into front-end code for various mobile frameworks.

mcp-vercel
MCP server connecting Claude to Vercel
3 years
Works with Finder
1
Github Watches
6
Github Forks
23
Github Stars
Vercel MCP Integration
A Model Context Protocol (MCP) integration for Vercel's REST API, providing programmatic access to Vercel deployment management.
📋 Overview Last updated: July 2024
This MCP server implements Vercel's core API endpoints as tools, enabling:
- Deployment monitoring & management
- Environment variable retrieval
- Project deployment status tracking
- CI/CD pipeline integration
✨ Features
Current Tools
-
vercel-list-all-deployments
- List deployments with filtering -
vercel-get-deployment
- Retrieve specific deployment details -
vercel-create-deployment
- Create new deployments -
vercel-create-project
- Create new Vercel projects -
vercel-create-environment-variables
- Create multiple environment variables -
vercel-get-environments
- Access project environment variables -
vercel-list-projects
- List all projects with pagination -
vercel-list-all-teams
- List all accessible teams
🛣️ Roadmap
- Deployment creation workflow
- Project management tools
- Team management integration
- Real-time deployment monitoring
- Advanced error handling
- Deployment metrics dashboard
Tools
vercel-list-all-deployments
List deployments under the authenticated user or team
-
Inputs:
-
app
(string): Filter by deployment name -
projectId
(string): Filter by project ID/name -
state
(string): Filter by state (BUILDING, ERROR, INITIALIZING, QUEUED, READY, CANCELED) -
target
(string): Filter by environment (production/preview) -
limit
(number): Number of deployments to return
-
- Returns: Array of deployment objects with status, URLs, and metadata
vercel-get-deployment
Get detailed information about a specific deployment
-
Inputs:
-
idOrUrl
(string): Deployment ID or URL (required) -
teamId
(string): Team ID for request scoping
-
- Returns: Full deployment details including build logs, domains, and environment variables
vercel-create-deployment
Create a new Vercel deployment
-
Inputs:
-
name
(string): Deployment/project name (required) -
project
(string): Project ID/name (required) -
target
(string): Environment (production/preview) -
regions
(string[]): Deployment regions -
teamId
(string): Team ID for scoping -
forceNew
(boolean): Force new deployment
-
- Returns: Created deployment details with status URLs
vercel-create-project
Create a new Vercel project
-
Inputs:
-
name
(string): Project name (required) -
framework
(string): Framework preset -
buildCommand
(string): Custom build command -
devCommand
(string): Custom dev command -
outputDirectory
(string): Build output directory -
teamId
(string): Team ID for scoping
-
- Returns: Project configuration with deployment settings
vercel-create-environment-variables
Create multiple environment variables for a project
-
Inputs:
-
projectId
(string): Target project ID (required) -
teamId
(string): Team ID for request scoping -
environmentVariables
(array): Environment variables to create-
key
(string): Variable name (required) -
value
(string): Variable value (required) -
target
(string[]): Deployment targets (production/preview/development) -
type
(string): Variable type (system/encrypted/plain/sensitive) -
gitBranch
(string): Optional git branch for variable
-
-
-
Returns: Object with created variables and any skipped entries
vercel-list-all-teams
List all teams accessible to authenticated user
-
Inputs:
-
limit
(number): Maximum results to return -
since
(number): Timestamp for teams created after -
until
(number): Timestamp for teams created before -
teamId
(string): Team ID for request scoping
-
- Returns: Paginated list of team objects with metadata
vercel-list-projects
List all projects under the authenticated user or team
-
Inputs:
-
limit
(number): Maximum number of projects to return -
from
(number): Timestamp for projects created -
teamId
(string): Team ID for request scoping
-
-
Returns: Paginated list of project objects with metadata including:
-
id
: Project ID -
name
: Project name -
framework
: Associated framework -
latestDeployments
: Array of recent deployments -
createdAt
: Creation timestamp
-
🚀 Getting Started
Prerequisites
- Node.js 18+
- Vercel API Token
- MCP Client
Installation
git clone [your-repo-url]
cd vercel-mcp
npm install
Configuration
- Create
.env
file:
VERCEL_API_TOKEN=your_api_token_here
- Start MCP server:
npm start
🛠️ Usage Examples
List Deployments
const response = await mcpClient.callTool({
name: "vercel-list-all-deployments",
args: {
limit: 5,
target: "production",
},
});
Get Specific Deployment
const deployment = await mcpClient.callTool({
name: "vercel-get-deployment",
args: {
idOrUrl: "dpl_5WJWYSyB7BpgTj3EuwF37WMRBXBtPQ2iTMJHJBJyRfd",
},
});
🐳 Docker Deployment
Build the Image
docker build -t vercel-mcp .
Run Container
docker run -it --rm \
-e VERCEL_API_TOKEN=your_token_here \
-p 3399:3399 \
vercel-mcp
Production Deployment
docker run -d \
--name vercel-mcp \
--restart unless-stopped \
-e VERCEL_API_TOKEN=your_token_here \
-p 3399:3399 \
vercel-mcp
Development with Live Reload
docker build --target builder -t vercel-mcp-dev .
docker run -it --rm \
-e VERCEL_API_TOKEN=your_token_here \
-p 3399:3399 \
-v $(pwd)/src:/app/src \
vercel-mcp-dev
🗂️ Project Structure
src/
├── constants/ # Tool definitions
├── tools/
│ ├── deployments/ # Deployment handlers
│ │ ├── handlers.ts
│ │ ├── schema.ts
│ │ └── types.ts
│ └── environments/# Environment management
├── utils/ # API helpers
└── index.ts # Server entrypoint
🔧 Configuration
Environment Variables
Variable | Description | Required |
---|---|---|
VERCEL_API_TOKEN |
Vercel access token | Yes |
🤝 Contributing
- Fork the repository
- Create feature branch (
git checkout -b feature/amazing-feature
) - Commit changes (
git commit -m 'Add amazing feature'
) - Push to branch (
git push origin feature/amazing-feature
) - Open Pull Request
📄 License
MIT License - see LICENSE for details
相关推荐
I find academic articles and books for research and literature reviews.
Confidential guide on numerology and astrology, based of GG33 Public information
Embark on a thrilling diplomatic quest across a galaxy on the brink of war. Navigate complex politics and alien cultures to forge peace and avert catastrophe in this immersive interstellar adventure.
Advanced software engineer GPT that excels through nailing the basics.
Delivers concise Python code and interprets non-English comments
💬 MaxKB is an open-source AI assistant for enterprise. It seamlessly integrates RAG pipelines, supports robust workflows, and provides MCP tool-use capabilities.
The all-in-one Desktop & Docker AI application with built-in RAG, AI agents, No-code agent builder, MCP compatibility, and more.
MCP server to provide Figma layout information to AI coding agents like Cursor
Micropython I2C-based manipulation of the MCP series GPIO expander, derived from Adafruit_MCP230xx
AI Agents & MCPs & AI Workflow Automation • (280+ MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents
Reviews

user_jWrIwRpw
I've been a dedicated user of mcp-vercel by nganiet and I must say, it's phenomenal! The seamless integration and intuitive design make it incredibly easy to use. The documentation on GitHub is thorough and the support from the creator is top-notch. Highly recommend for anyone looking to streamline their workflow!