Experience Ui Bundle Agentforce Client Generate

This handles the integration of Salesforce's Agentforce chat widget into UI Bundle projects. It's opinionated in a good way: instead of letting you build a custom chatbot from scratch, it forces you to use the official AgentforceConversationClient component and walks you through the setup. The skill queries your org for available agents via SOQL, validates agent IDs against a specific format, checks activation status, and helps configure trusted domains for local dev. It's chatty about prerequisites and will stop you if the Salesforce CLI isn't installed or your org isn't connected. If you're embedding Agentforce chat widgets into Experience Cloud sites, this saves you from reading documentation and remembering the 18-character ID format.

skills.sh installs: 5K
GitHub stars: 1.2K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add forcedotcom/sf-skills --skill experience-ui-bundle-agentforce-client-generate --agent claude-code

Installs into .claude/skills of the current project.

Files

Managing Agentforce Conversation Client

This skill is framework-agnostic: it supports both React and Angular UI Bundle apps. The Agentforce client ships as two feature packages that wrap the same Lightning Out glue — pick the one matching the app's framework (detected in Step 0):

Framework	Feature package	Element	Component symbol
React	`@salesforce/ui-bundle-template-feature-react-agentforce-conversation-client`	`<AgentforceConversationClient />`	`AgentforceConversationClient`
Angular	`@salesforce/ui-bundle-template-feature-angular-agentforce-conversation-client`	`<app-agentforce-conversation-client>`	`AgentforceConversationClientComponent`