---
description: Introduction to the Agentic B2C Developer Toolkit — CLI, Agent Skills, MCP Server, IDE extension, and SDK for Salesforce B2C Commerce.
---

# Introduction

The Agentic B2C Developer Toolkit helps you and your AI assistant build, deploy, and operate Salesforce B2C Commerce from your terminal or IDE.

- **B2C CLI** — commands for cartridge deployment, jobs, sandboxes, Managed Runtime, WebDAV, and administration.
- **MCP Server** — documentation, skills, debugging, deployment, and B2C Commerce API access for your AI assistant.
- **Agent Skills** — B2C Commerce, B2C CLI, and Storefront Next guidance, included with the MCP or available as standalone plugins.
- **IDE Extension** — sandbox management, cartridge code sync, content libraries, SCAPI explorer, and a server-side script debugger.
- **Tooling SDK** — typed TypeScript APIs for custom integrations and automation.

## CLI Install

::: code-group

```bash [npm]
npm install -g @salesforce/b2c-cli
```

```bash [npx]
npx @salesforce/b2c-cli --help
```

```bash [Homebrew]
brew install salesforcecommercecloud/tools/b2c-cli
```

:::

See the [CLI Installation Guide](./installation) for more options and [Configuration](./configuration) to set up your projects and instances.

## MCP Install

Choose your assistant. Use the **B2C MCP plugin** where supported.

<AssistantInstall>

<template #claude>

Using Claude Desktop? See [Claude Desktop (Cowork) setup](/guide/desktop-assistants#claude-cowork).

**Install the plugin** <span class="recommended VPBadge">Recommended</span>

```bash
claude plugin marketplace add SalesforceCommerceCloud/b2c-developer-tooling
claude plugin install b2c-dx-mcp@b2c-developer-tooling
```


Start a new Claude Code session. To install for the current project only, run it from your project directory with `--scope project`.

<details class="details custom-block" data-setup-anchor="claude-manual">
<summary>Manual MCP setup</summary>

```bash
claude mcp add --transport stdio --scope user b2c-dx-mcp -- npx -y @salesforce/b2c-dx-mcp@latest
```

Start a new session. To configure the current project only, run it from your project directory with `--scope project`.
See [Claude Code MCP setup](https://code.claude.com/docs/en/mcp).

</details>


</template>
<template #codex>

Using the ChatGPT desktop app (ChatGPT Work)? See [ChatGPT Work setup](/guide/desktop-assistants#chatgpt-work).

**Install the plugin** <span class="recommended VPBadge">Recommended</span>

```bash
codex plugin marketplace add SalesforceCommerceCloud/b2c-developer-tooling
codex plugin add b2c-dx-mcp@b2c-developer-tooling
```


Start a new Codex session in your project. Codex plugins also work in ChatGPT Work.

<details class="details custom-block" data-setup-anchor="codex-manual">
<summary>Manual MCP setup</summary>

```bash
codex mcp add b2c-dx-mcp -- npx -y @salesforce/b2c-dx-mcp@latest
```

Or add this to `~/.codex/config.toml` (or `$CODEX_HOME/config.toml` if customized):

```toml
[mcp_servers.b2c-dx-mcp]
command = "npx"
args = ["-y", "@salesforce/b2c-dx-mcp@latest"]
```

Start a new session. See [Codex MCP configuration](https://developers.openai.com/codex/mcp/).

</details>


</template>
<template #copilot>

<McpInstallButtons client="vscode" />

**Install the plugin** <span class="recommended VPBadge">Recommended</span>

1. Open the Command Palette (`Cmd/Ctrl+Shift+P`) and run **Chat: Install Plugin from Source**.
2. Enter `SalesforceCommerceCloud/b2c-developer-tooling`.
3. Select **b2c-dx-mcp** and follow the installation prompts.
4. Start a new chat in GitHub Copilot.

<details class="details custom-block" data-setup-anchor="vscode-manual">
<summary>Manual MCP setup</summary>

Add this to `.vscode/mcp.json` in your workspace:

```json
{
  "servers": {
    "b2c-dx-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@salesforce/b2c-dx-mcp@latest"]
    }
  }
}
```

See [VS Code MCP setup](https://code.visualstudio.com/docs/copilot/customization/mcp-servers).

</details>

[Copilot CLI setup](/mcp/#copilot-cli)


</template>
<template #cursor>

<McpInstallButtons client="cursor" />

Reload the MCP server in Cursor after installation.

<details class="details custom-block" data-setup-anchor="cursor-manual">
<summary>Manual MCP setup</summary>

Add this to `.cursor/mcp.json` in your project:

```json
{
  "mcpServers": {
    "b2c-dx-mcp": {
      "command": "npx",
      "args": ["-y", "@salesforce/b2c-dx-mcp@latest"]
    }
  }
}
```


For all projects, use `~/.cursor/mcp.json` instead.

</details>

See [Cursor's MCP documentation](https://cursor.com/docs/context/mcp).


</template>
<template #opencode>

Add this to `opencode.json` in your project:

```json
{
  "mcp": {
    "b2c-dx-mcp": {
      "type": "local",
      "command": ["npx", "-y", "@salesforce/b2c-dx-mcp@latest"],
      "enabled": true
    }
  }
}
```

Restart OpenCode. For all projects, use `~/.config/opencode/opencode.json`.
See [OpenCode MCP setup](https://opencode.ai/docs/mcp-servers/).


</template>
<template #gemini>

Run:

```bash
gemini mcp add --scope user b2c-dx-mcp -- npx -y @salesforce/b2c-dx-mcp@latest
```

Start a new Gemini CLI session. To configure the current project only, run it from your project directory with `--scope project`.
See [Gemini CLI MCP setup](https://geminicli.com/docs/tools/mcp-server/).


</template>


</AssistantInstall>


Start a new session in your project. For **Copilot in VS Code**, other clients,
and manual setup, see [installation](../mcp/#setup). For Claude Desktop
(Cowork) and the ChatGPT desktop app (ChatGPT Work), see [Desktop Assistants](./desktop-assistants).

Documentation and skills work immediately without B2C Commerce credentials.
Connected tasks use your [existing B2C configuration](../mcp/configuration); code
deploys and logs need only your [instance hostname](#connect-to-your-instance).

The MCP includes the B2C Commerce, B2C CLI, and Storefront Next skills from our
[agent skills plugins](./agent-skills). No need to install those skills plugins separately.

## IDE Extension Install

The Salesforce B2C Commerce IDE Extension brings sandbox management, code sync, content libraries, the SCAPI explorer, and a server-side debugger into VS Code, Cursor, and other compatible editors. Open the Extensions view in your editor and search for **Salesforce B2C Commerce** — VS Code installs from the [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=Salesforce.b2c-vs-extension), while Cursor, VSCodium, Windsurf, and other VS Code–compatible editors install from the [Open VSX Registry](https://open-vsx.org/extension/salesforce/b2c-vs-extension).

See the [IDE Extension](/vscode-extension/) section for the full overview, [installation](/vscode-extension/installation), and [configuration](/vscode-extension/configuration).

## Connect to Your Instance

To start, all you need is your instance hostname, in a `dw.json` or `.env` in your project:

::: code-group

```json [dw.json]
{
  "hostname": "abcd-001.dx.commercecloud.salesforce.com"
}
```

```bash [.env]
SFCC_SERVER=abcd-001.dx.commercecloud.salesforce.com
```

:::

Then deploy code or read logs. The first time, your browser opens so you can sign in with your Account Manager account:

```bash
b2c code deploy
b2c logs get
```

Add more as you need it:

| To                                                | Add                                                                                  |
| ------------------------------------------------- | ------------------------------------------------------------------------------------ |
| Working with Storefront Next                      | See [Storefront Next](./storefront-next)                                             |
| Run jobs, manage sites, or activate code versions | An [API client](./authentication#account-manager-api-client)                         |
| Deploy from CI or scripts without a browser       | An [access key or API client](./authentication#webdav-access)                        |
| Work with several instances                       | [Named instances](./configuration#multiple-instances)                                |
| Everything else                                   | See [Configuration](./configuration#choose-your-connection) for each task's settings |

## Next Steps

- [Authentication](./authentication) — Set up credentials for connected tasks.
- [Configuration](./configuration) — Configure projects and named instances.
- [Guides](./workflows) — Find development, deployment, and administration workflows.
- [CLI Reference](../cli/) — Browse commands and options.
- [MCP Tools](../mcp/toolsets) — Explore available tools and toolsets.
- [SDK](../api/) — Build custom integrations.