Configure the PWA Kit MCP Server

Configure the PWA Kit MCP server in Cursor settings, in the mcp.json file. You can also follow the steps in this video: Configure the PWA Kit MCP Server.

  1. From the Cursor menu, click Settings > Cursor Settings > Tools & MCP.
  2. If no MCP servers are setup, click New MCP Server.
  3. For an empty mcp.json file, add this entire definition, or if the mcp.json file contains other MCP servers, add the "pwa-kit" section.

For details about the flags you can set to the PWA Kit MCP server configuration, see Usage Data Collection with Telemetry.

  1. If you created your PWA Kit app, replace {{path-to-app-directory}} with the absolute path to your generated project's app subfolder. For example: /Users/username/mcp-server-folder/mystorefront/app.

After the MCP server settings are saved, Cursor does these steps.

  1. Launches the PWA Kit MCP server.
  2. Connects to the MCP server as a client.
  3. Displays the available tools in the UI and how you can invoke them.

PWA Kit MCP tools available in Cursor settings

You can return to MCP tools anytime in Cursor to enable or disable specific tools or servers.

These are the available flags that you can pass to the args option.

Flag NameDescriptionRequired?Notes
"-y", "@salesforce/pwa-kit-mcp"Tells npx to automatically install the @salesforce/pwa-kit-mcp package instead of asking permission.YesDon't change this.
"--dw-json", "/path/to/dw.json"Path to a dw.json configuration file containing Commerce Cloud credentials. Use this flag if dw.json isn't under your project root directory.NoAlternative to environment variables.
--no-telemetryBoolean flag to disable telemetry, the automatic collection of data for monitoring and analysis.NoTelemetry is enabled by default, so specify this flag to disable it.