Commerce B2b Open Code Components Integrate

If you're setting up a B2B Commerce store and want to pull in Salesforce's official open source components from GitHub, this automates the whole integration. It clones the forcedotcom/b2b-commerce-open-source-components repo, resolves your package directory from sfdx-project.json, checks for existing store metadata (or retrieves it from your org), then copies all the LWC components and labels into your site's metadata structure so they show up in Experience Builder. The workflow is thorough with smart checks for existing files and gives you options to overwrite or skip. Saves you from manually wrangling Git repos and folder structures when you just want those components available in your store.

skills.sh installs: 4.6K
GitHub stars: 1.2K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add forcedotcom/sf-skills --skill commerce-b2b-open-code-components-integrate --agent claude-code

Installs into .claude/skills of the current project.

Files

When to Use This Skill

Use this skill when you need to:

Integrate all open source B2B Commerce components into a store
Add open source components to a new or existing B2B Commerce store
Make open code components available in Experience Builder

Rules

Always explain before executing. Before running any command, you MUST tell the user what the command does and why you are running it. Never just show a raw command and ask for permission. The user should be able to read your explanation and understand the purpose before approving.

Overview

This skill copies all open source B2B Commerce components from the official Salesforce repository (https://github.com/forcedotcom/b2b-commerce-open-source-components) into a B2B Commerce store's site metadata. After integration, the components appear in the Experience Builder component palette.