Build with AIforce

Explore Salesforce Hosted MCPs, build with Agentforce Vibes, ship a React app, render one Headless Experience Layer (HXL) widget everywhere, and put Salesforce in Claude to work 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 Claude or 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.

Module 5: Get Started with Salesforce in Claude

Upload the Sales Cloud in Claude plugin, connect it to your org, and ask Claude about accounts, deals, and pipeline. No beta access? Experience it in the AIforce Playground. Requires the Explore Salesforce Hosted MCPs module.