How to install Dev MCP in Windsurf

1. 1

   Open the MCP config

   In Windsurf, open Settings, then Cascade, then MCP servers, and choose to view the raw config.

2. 2

   Add the server

   Paste this into mcp_config.json:

   {
     "mcpServers": {
       "dev-mcp": {
         "command": "npx",
         "args": [
           "-y",
           "@shopify/dev-mcp"
         ]
       }
     }
   }

   Copy
3. 3

   Refresh

   Click refresh in the MCP panel. The server and its tools appear in Cascade.

Config file: ~/.codeium/windsurf/mcp_config.json

MCP servers run with your permissions. If Dev MCP needs an API key, add it under env in the config. Check its README.

Similar servers

A

apify-mcp-server apify

100

Extract data from any website with thousands of scrapers, crawlers, and automations on Apify Store ⚡

AAA Remote 12k

S

Store Buildervuluu2k

86

Design, fill with real store data, render and publish Store Builder pages from an AI agent.

AAC Local 4.7k/wk

A

AppScreen omelas-tech

84

Render App Store and Google Play screenshots from app captures: device frames, sizes, languages.

AAC Local 352/wk