Install AI Tools

B2C Commerce tools, documentation, and skills for your assistant.

Claude

Install the plugin Recommended

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

Start a new Claude Code session in your project. Use --scope user instead for all projects.

Manual MCP setup

From your project directory:

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

Start a new session. Use --scope user instead for all projects. See Claude Code MCP setup.

Claude Desktop setup

Codex

Install the plugin Recommended

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. This setup also works with the Codex IDE extension and the ChatGPT Work desktop app.

Manual MCP setup
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.

ChatGPT online setup

VS Code

Install the plugin Recommended

  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.
Manual MCP setup

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.

Copilot CLI setup

Cursor

Reload the MCP server in Cursor after installation.

Manual MCP setup

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.

See Cursor's MCP documentation.

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.

Gemini

From your project directory, run:

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

Start a new Gemini CLI session. Use --scope user instead for all projects. See Gemini CLI MCP setup.

No separate skills plugins needed.

Other clients and manual setup →
Skip to content
View as Markdown
View as Markdown

Agent Skills

B2C skills give your AI assistant guidance for B2C Commerce development, operations, CLI workflows, and Storefront Next projects.

The B2C MCP gives your assistant access to guidance from the b2c, b2c-cli, b2c-ops, and storefront-next collections through its skills_read tool. Your assistant can find and read that guidance as needed, without a separate skills installation. You can also install these collections directly in your assistant, alongside the MCP or on their own. The Figma plugins are optional additions and require the Figma MCP server.

Skill Collections

CollectionWhat it covers
b2cB2C Commerce development: controllers, ISML, logging, services, jobs, Page Designer, and Custom APIs.
b2c-cliCLI workflows for deployment, jobs, site archives, WebDAV, and sandboxes.
b2c-opsAdministrator and operator runbooks: job health, checkout and failed orders, incident triage, and escalation.
storefront-nextStorefront development: routing, data, components, Page Designer, authentication, testing, and deployment.
storefront-next-figmaCustomize Storefront Next Figma design kits and apply your brand. Requires the Figma MCP server.
figma-to-sfnext-pagedesignerTurn Figma frames into Storefront Next Page Designer components. Requires the Figma MCP server.

Install skills

For administrator and operator workflows, choose b2c-ops in your client's plugin installer, or substitute b2c-ops for the collection in the commands below. See Operations for example requests and expected results.

To install skills directly, choose your assistant. These examples install both b2c and b2c-cli. Add optional collections such as storefront-next for your project; see Skill Collections. Our plugins use the open Agent Plugins standard.

Claude Code

bash
claude plugin marketplace add SalesforceCommerceCloud/b2c-developer-tooling
claude plugin install b2c@b2c-developer-tooling --scope project
claude plugin install b2c-cli@b2c-developer-tooling --scope project
# Optional: claude plugin install storefront-next@b2c-developer-tooling --scope project

Start a new session after installation. Use --scope user instead for all projects.

Update or remove
bash
claude plugin list
claude plugin marketplace update
claude plugin update b2c@b2c-developer-tooling
claude plugin update b2c-cli@b2c-developer-tooling
claude plugin uninstall b2c@b2c-developer-tooling
claude plugin uninstall b2c-cli@b2c-developer-tooling
claude plugin marketplace remove b2c-developer-tooling

Codex

bash
codex plugin marketplace add SalesforceCommerceCloud/b2c-developer-tooling
codex plugin add b2c@b2c-developer-tooling
codex plugin add b2c-cli@b2c-developer-tooling
# Optional: codex plugin add storefront-next@b2c-developer-tooling

Alternatively, run /plugins and select the B2C Developer Tooling marketplace. Start a new session after installation. This setup also works with the Codex IDE extension and the ChatGPT Work desktop app. For ChatGPT online, see the B2C MCP connection setup.

Update or remove
bash
codex plugin marketplace upgrade
codex plugin marketplace remove b2c-developer-tooling

GitHub Copilot in VS Code

  1. Open the Command Palette (Cmd/Ctrl+Shift+P) and run Chat: Install Plugin from Source.
  2. Enter SalesforceCommerceCloud/b2c-developer-tooling.
  3. Install b2c and b2c-cli, repeating the steps as needed. Optionally add storefront-next for Storefront Next projects.
  4. Start a new chat after installation.

To update, open the Extensions view, select ···, then Check for Extension Updates.

Cursor

Install both collections in your project:

bash
npx @salesforce/b2c-cli setup skills b2c --ide cursor
npx @salesforce/b2c-cli setup skills b2c-cli --ide cursor
# Optional: npx @salesforce/b2c-cli setup skills storefront-next --ide cursor

Add --global for all projects. See Cursor skills for client settings.

Manually installed skills don't auto-update

Run the same commands with --update to refresh your installed skills.

OpenCode

Install both collections in your project:

bash
npx @salesforce/b2c-cli setup skills b2c --ide opencode
npx @salesforce/b2c-cli setup skills b2c-cli --ide opencode
# Optional: npx @salesforce/b2c-cli setup skills storefront-next --ide opencode

Add --global for all projects. Start a new session after installation. See OpenCode skills.

Manually installed skills don't auto-update

Run the same commands with --update to refresh your installed skills.

Gemini CLI

Install both collections in your project's .agents/skills/ directory:

bash
npx @salesforce/b2c-cli setup skills b2c --ide manual
npx @salesforce/b2c-cli setup skills b2c-cli --ide manual
# Optional: npx @salesforce/b2c-cli setup skills storefront-next --ide manual

Gemini CLI discovers this shared skills directory. Start a new session after installation. See Gemini CLI skills.

Manually installed skills don't auto-update

Run the same commands with --update to refresh your installed skills.

For Copilot CLI, Agentforce Vibes, and other clients, see Other Agent Harnesses.

Other Agent Harnesses

GitHub Copilot CLI
bash
copilot plugin marketplace add SalesforceCommerceCloud/b2c-developer-tooling
copilot plugin install b2c@b2c-developer-tooling
copilot plugin install b2c-cli@b2c-developer-tooling
# Optional: copilot plugin install storefront-next@b2c-developer-tooling

Start a new session. Use your client's plugin controls for updates.

Agentforce Vibes
bash
npx @salesforce/b2c-cli setup skills b2c --ide agentforce-vibes
npx @salesforce/b2c-cli setup skills b2c-cli --ide agentforce-vibes
# Optional: npx @salesforce/b2c-cli setup skills storefront-next --ide agentforce-vibes

Add --global for all projects and --update to refresh an existing installation. See Skills in Agentforce Vibes.

Manual installation

For other assistants, install skills in the directory your client supports. Many clients discover skills in .agents/skills/ within your project.

Manually installed skills don't auto-update

Refresh skills installed with b2c setup skills by running the same command with --update. For skills copied by hand, replace them with the latest source files.

Install or update with the B2C CLI

Choose collections and clients interactively:

bash
b2c setup skills

Or install both collections to .agents/skills/:

bash
b2c setup skills b2c --ide manual
b2c setup skills b2c-cli --ide manual
# Optional: b2c setup skills storefront-next --ide manual

Use --directory ./my-skills for a custom directory, or change --ide for your editor. Add --global for a user-level installation or --update to refresh installed skills. Use --list to list available skills and --skill <name> to select individual skills. See Setup Commands for all options.

Skills in action

Optional project instructions can help your assistant apply B2C skills to your team's workflows, with or without the MCP.

Investigate an operational incident

The b2c-ops runbooks help your assistant scope impact, compare evidence, and prepare a handoff. They work with the MCP or your existing CLI access.

Example prompt

Our inventory job is green, but the storefront stock looks stale. Investigate what completed and what is missing. Recommend the next action without rerunning the job.

Explore operations workflows

Add useful logging

Example prompt

Add logging to this checkout controller so I can diagnose failures without logging customer data or credentials.

Screenshot placeholder: an assistant applying B2C Commerce logging guidance to a checkout controller.

The B2C Commerce collection covers cartridge development, including logging patterns.

Build an editable component

Example prompt

Create a Page Designer component for my Storefront Next project with an editable heading, image, and link.

Screenshot placeholder: a Storefront Next Page Designer component with editable content, alongside the assistant's completion summary.

The Storefront Next collection covers components and Page Designer integration.

Usage Examples

Example requests for the installed collections:

Example prompt

Help me create a Custom API for loyalty information.

Example prompt

Add a new route with a loader to my Storefront Next app.

Example prompt

Convert this Figma frame into Page Designer components for my Storefront Next project.

Live operations such as deployment also require the relevant tools and credentials. Skills provide guidance; installing skills alone does not connect your B2C Commerce environment.