Accelerate PWA Kit Development with the PWA Kit MCP Server (Developer Preview)
The PWA Kit MCP server offers intelligent tools that optimize your developer workflow in Cursor. The PWA Kit MCP Server provides AI-assisted code generation and assistance for creating your PWA Kit project, built-in best practices, and performance and accessibility testing within your development environment. In addition, you can access B2C Commerce Cloud API documentation, discover custom APIs in your Commerce instance, and get React hook recommendations without leaving your IDE.
Feature is available as a developer preview. Feature isn’t generally available unless or until Salesforce announces its general availability in documentation or in press releases or public statements. All commands, parameters, and other features are subject to change or deprecation at any time, with or without notice. Don't implement functionality developed with these commands or tools.
The PWA Kit MCP server provides you with these benefits.
- Reduced time-to-market: By standardizing development workflows and providing AI-assisted code generation, development teams can accelerate storefront deployment cycles and get products to market faster.
- Lower development costs: The automated testing, best practice guidance, and code generation capabilities can reduce the need for extensive manual testing, code reviews, and troubleshooting, potentially lowering overall development expenses.
- Enhanced code quality and compliance: Automated accessibility and performance testing, combined with standardized development patterns, can improve overall code quality and help ensure compliance with web standards and accessibility requirements.
An MCP, or a Model Context Protocol, is an open protocol that enables connecting AI apps, such as Cursor, to data and services in a standardized way. The PWA Kit MCP Server is a local STDIO MCP Server that communicates via STDIO and operates in conjunction with a running local process, making it a fully locally installed MCP server. It provides an initial suite of MCP tools intended to standardize and optimize the developer workflow for PWA Kit storefront development, such as creating and customizing the storefront app.
To learn more about MCP servers, see What is the Model Context Protocol (MCP)? in the Model Context Protocol documentation.
Cursor provides multiple LLMs for your use. These PWA Kit MCP tools were tested with the Claude 4 Sonnet LLM.
The PWA Kit MCP Server offers these intelligent tools tailored to PWA Kit storefront development.
| MCP Tool Name | Description | How-To Video |
|---|---|---|
pwakit_create_storefront | Guides agents and developers in creating a PWA Kit project with @salesforce/pwa-kit-create-app. | Create a storefront app and Create a storefront app using a custom Commerce instance |
pwakit_create_page | Generates a new composable storefront page with custom routing and components. | Create a component and a page in the storefront app |
pwakit_create_component | Generates a new React component for the composable storefront. | Create a component and a page in the storefront app |
pwakit_get_dev_guidelines | Provides best practices and guidance for building composable storefronts. | Get development guidelines for PWA Kit storefront apps |
pwakit_recommend_hooks | Identifies and integrates hooks that solve specific use cases. | Get Hook Recommendations |
pwakit_run_site_test | Runs performance and accessibility audits on a provided site URL. Example: https://pwa-kit.mobify-storefront.com | Run Site Tests |
pwakit_install_agent_rules | Adds an agent guidelines rule file to your project that enables AI to make better use of the PWA Kit MCP Server. | Install Agent Rules |
pwakit_explore_scapi_shop_api | Explores and documents the B2C Salesforce Commerce API (SCAPI) endpoints, parameters, and usage examples. | Explore Salesforce Commerce API |
scapi_custom_api_discovery | Discovers custom SCAPI APIs registered in Business Manager, and fetches the schema of those APIs. Requires that you set up credentials outlined in Configure Credentials for the Custom API Discovery MCP Tool. | Discover Custom APIs |
In this section:
- Configure the PWA Kit MCP Server
- Configure Credentials for the Custom API Discovery MCP Tool
- Usage Data Collection with Telemetry
- Developing Features for the PWA Kit MCP Server
- MCP Server AI Clients