@vibe/mcp

A Model Context Protocol (MCP) server for the Vibe Design System, enabling LLMs and other MCP clients to interact with Vibe component metadata, icon information, and perform migration analysis.

Usage

$3

Connect your AI client to the MCP server by following the instructions below.

#### Cursor


Or manually update your Cursor MCP configuration file at ~/.cursor/mcp.json (create it if it doesn't exist):

``json
{
"mcpServers": {
"vibe": {
"command": "npx",
"args": ["@vibe/mcp"]
}
}
}
`

#### VSCode

Paste this in your browser:

`cli
vscode://mcp-server/add?config=%7B%22name%22%3A%22vibe%22%2C%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22%40vibe%2Fmcp%22%5D%7D
`

or manually update your VSCode MCP configuration file at .vscode/mcp.json (create it if it doesn't exist):

`json
{
"servers": {
"vibe": {
"command": "npx",
"args": ["@vibe/mcp"]
}
}
}
`

$3

#### Component Tools

- get-vibe-component-metadata: Returns metadata for a specific Vibe component (or all components if no name is provided).
- list-vibe-public-components: Get a list of all public @vibe/core & @vibe/core/next components names.
- get-vibe-component-examples: Get React usage examples for Vibe components. Returns implementation examples and patterns for specific components or all components if none specified.
- get-vibe-component-accessibility: Get accessibility requirements and guidelines for Vibe components. Returns structured accessibility information extracted from component documentation.

#### Icon Tool

- list-vibe-icons: Get a list of all available Vibe icons from the @vibe/icons package with their descriptions, categories, and tags. Supports optional filtering by text query, category, or tags, limiting results, and including React usage examples.

#### Token Tool

- list-vibe-tokens: Get a list of all available Vibe design tokens from the monday-ui-style package. Supports optional filtering by text query, category, or limiting results. Returns token names, values, categories, and files, with optional CSS usage examples.

#### Migration Tool

- v3-migration`: Evaluates your project for Vibe 2 to Vibe 3 migration needs according to the official migration guide. Conducts comprehensive project analysis, identifies breaking changes, and generates the necessary migration commands to resolve them.