MCP server

Overview

MCP is an open protocol that standardizes how applications provide context to LLMs.

We now provide a standardized way to connect AI models to components and blocks, allowing developers to build commerce applications even faster!

This will give you the ability to ask your AI-powered IDE to create components and blocks based on your requirements, making it easier to build commerce applications.

To learn more about the Model Context Protocol, visit the Model Context Protocol documentation.

1-click install (Recommended)

Instantly add the MCP server

Manual installation

As a standalone server

npx @stackzero-labs/mcp

In Cursor (manual setup)

Add to your Cursor MCP configuration:

{
  "mcpServers": {
    "@stackzero-labs/mcp": {
      "command": "npx",
      "args": ["-y", "@stackzero-labs/mcp@latest"]
    }
  }
}

Read more about how to set up MCP servers in Cursor documentation.

In Windsurf (manual setup)

Add to your Windsurf MCP configuration:

{
  "mcpServers": {
    "@stackzero-labs/mcp": {
      "command": "npx",
      "args": ["-y", "@stackzero-labs/mcp@latest"]
    }
  }
}

Read more about how to set up MCP servers in Windsurf documentation.

In Claude Desktop (manual setup)

Add to your Claude Desktop configuration:

{
  "mcpServers": {
    "@stackzero-labs/mcp": {
      "command": "npx",
      "args": ["-y", "@stackzero-labs/mcp@latest"]
    }
  }
}

How to use it

Once installed, you can use the MCP server to enable your AI-powered IDE to provide context to your components and blocks, making it easier to build commerce applications.

For example, you can ask your IDE's agent the following question:

Create a product page using star rating fractional component
Create a banner component similar to stackzero's banner-01.

Repo

The source code for the MCP server is available on GitHub.