SalesforceCommerceCloud/b2c-developer-tooling
Skill Claude CodeCodex
Define Page Designer page types and component types with regions, attributes, and rendering scripts. Use this skill whenever the user needs to create a new page or component type, configure regions with allowed component constraints, define attributedefinitiongroups, debug why a component does not appear in the…
SalesforceCommerceCloud/b2c-developer-tooling
Skill Claude CodeCodex
Write efficient data queries in B2C Commerce for products, customers, and orders. Use this skill whenever the user needs to search products on a storefront page, look up customer profiles, query orders, paginate search results, or fix slow category pages. Also use when they ask about performance problems with data…
SalesforceCommerceCloud/b2c-developer-tooling
Skill Claude CodeCodex
Build backend integrations that sync data between B2C Commerce and external systems like ERPs, OMS, WMS, or CRMs using SCAPI Admin APIs. Use this skill whenever the user needs to pull or push orders, products, inventory, or customer data programmatically from a backend service, set up server-to-server authentication…
SalesforceCommerceCloud/b2c-developer-tooling
Skill Claude CodeCodex
Call Shopper Commerce APIs (SCAPI) from headless storefronts and composable commerce apps. Use this skill whenever the user is building with PWA Kit, Storefront Next (SFNext), or a headless frontend and needs to search products, manage baskets, submit orders, access customer data, or set shopper context. Also use when…
SalesforceCommerceCloud/b2c-developer-tooling
Skill Claude CodeCodex
Implement SLAS authentication patterns in B2C Commerce including passwordless login (email OTP, SMS OTP, passkeys), session bridging between PWA Kit/Storefront Next and SFRA, hybrid authentication (B2C 25.3+), token refresh flows, trusted system on behalf of (TSOB), and JWT validation. Use this skill whenever the user…
SalesforceCommerceCloud/b2c-developer-tooling
Skill Claude CodeCodex
Implement web service integrations in B2C Commerce using LocalServiceRegistry. Use this skill whenever the user needs to call external REST or SOAP APIs from a cartridge, configure service credentials and profiles in services.xml, handle HTTP requests with createRequest/parseResponse callbacks, set up FTP or SFTP file…
SalesforceCommerceCloud/b2c-developer-tooling
Skill Claude CodeCodex
Convert a Figma frame into one or more live Storefront Next Page Designer blocks in one shot. Use whenever the user provides a Figma URL and wants the design to become merchant-authorable Page Designer components in a Storefront Next project. Requires the Figma MCP server (and a browser MCP for visual validation).
SalesforceCommerceCloud/b2c-developer-tooling
Skill Claude CodeCodex
Build or sync a Storefront Next vertical's Figma design kit — duplicate the official kit, update Brand variable collections from brand.css, edit components at the correct layer, and publish Figma Code Connect mappings. Use when asked to set up, duplicate, or sync a Figma kit, update Figma brand variables, or keep…
SalesforceCommerceCloud/b2c-developer-tooling
Skill Claude CodeCodex
Implement authentication in Storefront Next using split-cookie architecture, SLAS tokens, and auth middleware. Use when accessing user identity in loaders, detecting guest vs registered users, using getAuth or useAuth, or understanding session management and token refresh.
SalesforceCommerceCloud/b2c-developer-tooling
Skill Claude CodeCodex
Build UI components in Storefront Next using createPage HOC, Suspense/Await patterns, shadcn/ui, and Tailwind CSS v4. Use when creating page components, adding Suspense boundaries, integrating shadcn/ui, styling with Tailwind, or organizing component files. Covers server vs client rendering patterns and the cn()…
SalesforceCommerceCloud/b2c-developer-tooling
Skill Claude CodeCodex
Manage Storefront Next application configuration using config.server.ts, schema types, environment variables, and multi-site setup. Use when editing config.server.ts, adding PUBLIC environment variables, using useConfig or getConfig, or configuring multiple sites. NOT for initial project creation — see…
SalesforceCommerceCloud/b2c-developer-tooling
Skill Claude CodeCodex
Author a new Storefront Next design-system component the right way — pick the correct layer (primitive vs composite), reuse-or-extend before creating, define CVA variants bound to semantic tokens, add data-slot attributes, satisfy the accessibility checklist, and ship a Storybook story. Use when asked to create, add…