Build with AIforce

Explore Salesforce Hosted MCPs, build with Agentforce Vibes, ship a React app, and render one Headless Experience Layer (HXL) widget everywhere on the Pronto sample app

Get Started

Go To All Workshops

Module 1: Explore Salesforce Hosted MCPs

Connect Salesforce Hosted MCP servers, explore live Pronto storefront and order data in the AIforce Playground, and create a custom Pronto Order Tools MCP server

Module 2: Build with Agentforce Vibes

Launch Agentforce Vibes, create a Storefront Health component, and vibe code a Merchant Performance Dashboard with Salesforce context

Module 3: Build a Multi-Framework App with React

Build Merchant Operations Center in small React increments, connect it to Salesforce data, add workflow, and deploy it to your org

Module 4: Give Agents UI with the Headless Experience Layer (HXL)

Write once, render everywhere. Prompt Agentforce Vibes and the sf-skills library to generate a portable storefront profile widget and its Lightning Types, render it inside the agent conversation, then expose it through a custom MCP server so external clients render it too. Works standalone.