Apply Custom Brands to React Apps with the Brand Toolkit (Beta)

To apply a brand to your React app, use the new Brand Toolkit in the Live Preview VS Code extension. Get a published, approved Salesforce CMS brand from your org and customize it if you like. Or you can create a new brand based on a public URL or from scratch. Save the brand in your local VS Code project. When you’re satisfied with the brand’s look and feel, apply it to your app with a ready-to-use prompt for Agentforce Vibes.

Where: This change applies to Lightning Experience in all editions.

Note Brand Toolkit is a pilot or beta service that is subject to the Beta Services Terms at Agreements - Salesforce.com or a written Unified Pilot Agreement if executed by Customer, and applicable terms in the Product Terms Directory. Use of this pilot or beta service is at the Customer's sole discretion.

When: This change is available starting in September 2026.

How: To open the Brand Toolkit (Beta), from the VS Code Command Palette, run SFDX: Open Brand Toolkit (Beta).

To access and apply a brand from Salesforce CMS with the Brand Toolkit, connect your org to Agentforce Vibes and activate the Content Read-Only MCP server in your org.

To get a brand from a URL, share the URL with Agentforce Vibes and prompt it to create a brand based on that URL. The Brand Toolkit opens after the brand is created and you can customize its attributes.