Appearance
Workshop Overview
Welcome to the AIforce Workshop. In this workshop, you'll use Salesforce Hosted MCPs, Agentforce Vibes, React, the Headless Experience Layer (HXL), and Salesforce in Claude to build AI-assisted Salesforce experiences from connection through render-anywhere delivery.
What You'll Build
- A Salesforce Hosted MCP Server that lets AI clients and developer tools interact with Salesforce through trusted, managed servers.
- A Salesforce DX project with Agentforce Vibes including some org metadata, MCP tools, skills, and natural-language prompts.
- A Salesforce-backed React app that starts with mock data, adds interactivity, connects to live Salesforce data, and deploys to your org.
- An HXL widget that renders a single JSON card definition inside the Agentforce conversation and, unmodified, through an MCP server for external clients.
- A Salesforce in Claude setup that uses the Sales Cloud plugin's pre-built skills to research accounts, review pipeline, and draft account plans, in Claude or the AIforce Playground.
Recommended Learning Path
- Start with Explore Salesforce Hosted MCPs to connect Salesforce Hosted MCP servers and use them with live org data in Claude or the AIforce Playground.
- Continue with Build with Agentforce Vibes to launch Vibes, create a Storefront Health Component, and vibe code a Merchant Performance Dashboard.
- Continue with Build a Multi-Framework App with React to create a Merchant Operations Center, connect it to Salesforce data, add workflow, and deploy it to your org.
- Continue with Give Agents UI with the Headless Experience Layer (HXL) to generate a storefront profile card as a portable widget and render it in both the Agentforce conversation and an external MCP client. This module is self-contained, so you can also take it on its own right after Get Started.
- Finish with Get Started with Salesforce in Claude to install the Sales Cloud plugin and ask Claude about accounts, deals, and pipeline. This module requires Explore Salesforce Hosted MCPs.