IDE Setup

Overview

The Catalyst MCP Server is available via HTTP at:

https://catalyst-next.pmi.org/mcp

IDE Configuration

Follow these steps to configure VS Code to connect to the Catalyst MCP Server:

VS Code Setup

Step 1: Access MCP Plugins

Open VS Code
Open the Command Palette:
- Press Cmd+Shift+P (Mac) or Ctrl+Shift+P (Windows)
Type "MCP: Browse MCP Servers"
Press Enter

Step 2: Install Catalyst MCP Server

In the MCP Plugins list, look for "Catalyst Design System" or search for "Catalyst"
Click on the Catalyst server entry
Click the "Install" button

Step 3: Start the MCP Server

After installation, you need to start the server to confirm the connection is working:

Find the installed Catalyst server under MCP SERVERS - INSTALLED
Click the gear icon next to the server
From the menu that opens, select "Start Server"
You will be redirected to a login page - complete the authentication process
After successful login, wait for the connection status to show as running

Connected successfully? To confirm the connection is working: 1. Open the Command Palette (Cmd+P on Mac or Ctrl+P on Windows) 2. Type "MCP: Open User Configuration" 3. In the configuration (JSON) view, above the MCP server name, you should see a "Running" status 4. This indicates the server is successfully connected and active

Step 4: Test Connection

Open your AI assistant (GitHub Copilot, Continue, etc.)
Ask: "What components are available in Catalyst?"
The AI should respond with information about Catalyst components

If configured correctly, your AI assistant will have access to Catalyst component information.