sfb2b-lwc

Apply LWC architecture templates and patterns to B2B Commerce storefront projects.

Updated Feb 12, 2026
One-click install
npx skills add https://github.com/Architect-And-Bot/sf-b2b-commerce-template --skill sfb2b-lwc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sfb2b-lwc
Source: https://github.com/Architect-And-Bot/sf-b2b-commerce-template/tree/main/.claude/skills/sfb2b-lwc
Command: npx skills add https://github.com/Architect-And-Bot/sf-b2b-commerce-template --skill sfb2b-lwc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

B2B Commerce teams often struggle with inconsistent LWC architecture, scattered best practices, and maintainability challenges across storefronts. This guide provides a structured approach to unify patterns, improve performance, and reduce common pitfalls across teams.

Core Features & Use Cases

  • Component architecture templates and naming conventions for scalable storefronts.
  • State management patterns (wire vs imperative) and data service strategies.
  • Testing, performance optimization, theming, and responsive design guidelines.
  • Use Case: align teams to a single reference architecture when building PCP, PDP, and checkout flows.

Quick Start

Apply the LWC architecture templates and patterns to your B2B storefront project to align with the recommended best practices.

Frequently Asked Questions about sfb2b-lwc

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the best practices for LWC architecture in Salesforce B2B Commerce?

Best practices for LWC architecture in Salesforce B2B Commerce involve using structured component templates, naming conventions, and state management patterns to unify storefront development and improve maintainability across teams.

How do I manage state in LWC components for B2B storefronts?

Manage state in LWC components for B2B storefronts by choosing between wire and imperative data service strategies, ensuring consistent data handling and performance optimization across your application.

What testing strategies should I use for Salesforce LWC?

Testing strategies for Salesforce LWC should enforce best practices through structured guidelines, covering component hierarchy, data handling patterns, and responsive design to reduce common pitfalls in storefronts.

How do I structure LWC component templates for checkout flows?

Structure LWC component templates for checkout flows by applying reference architecture patterns that align teams on component hierarchy, theming, and pub-sub strategies for scalable B2B commerce implementations.

Can I use this LWC guide for both PDP and PCP storefront flows?

Yes, you can use this LWC guide for both PDP and PCP storefront flows because it provides a single reference architecture covering component templates, state management, and responsive design guidelines.

Why do B2B Commerce teams struggle with inconsistent LWC architecture?

B2B Commerce teams struggle with inconsistent LWC architecture due to scattered best practices and maintainability challenges across storefronts, which a structured reference guide resolves by unifying patterns.