forcedotcom avatar

Implementing Ui Bundle Agentforce Conversation Client

This one wires up Salesforce's AgentforceConversationClient component into UI Bundle projects without letting you build a custom chat widget from scratch. It's opinionated by design: you get the prebuilt component with props for styling, layout, and agent configuration, but if you need something it doesn't support, you're stuck. The skill handles agent ID resolution by querying your org, validates whether agents are active, and walks through the Salesforce setup prerequisites like trusted domains. Useful if you want a chatbot embedded quickly and the built-in component covers your needs. If you're building something custom or need full control over the chat UI, look elsewhere.

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

Install

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

Installs into .claude/skills of the current project.

Files

This one wires up Salesforce's AgentforceConversationClient component into UI Bundle projects without letting you build a custom chat widget from scratch. It's opinionated by design: you get the prebuilt component with props for styling, layout, and agent configuration, but if you need something it doesn't support, you're stuck. The skill handles agent ID resolution by querying your org, validates whether agents are active, and walks through the Salesforce setup prerequisites like trusted domains. Useful if you want a chatbot embedded quickly and the built-in component covers your needs. If you're building something custom or need full control over the chat UI, look elsewhere.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/forcedotcom/sf-skills
Categories
Frontend Development, Code Review & Quality, AI & Agent Building
First seen
Jun 3, 2026

More from forcedotcom/sf-skills

All 158
1jezweb avatartailwind-theme-builderjezweb/claude-skillsSet up Tailwind v4 + shadcn/ui themed UI with dark mode. Install deps, configure CSS variables via @theme inline, wire dark mode toggle, verify. Use whenever th3.3Kskills.sh installs
2samhvw8 avatarui-design-systemsamhvw8/dot-claudeReact UI component systems with TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (styling), Radix UI (primitives), shadcn/ui (components), React/Next.js. Cap3.2Kskills.sh installs
3browserbase avatarui-testbrowserbase/skillsAI-powered adversarial UI testing via the browse CLI. Analyzes git diffs to test only what changed, or explores the full app to find bugs. Tests functional corr3.1Kskills.sh installs
4freshtechbro avataranimated-component-librariesfreshtechbro/claudedesignskillsPre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated c3.1Kskills.sh installs
5chakra-ui avatarchakra-ui-refactorchakra-ui/chakra-uiReview, convert, and improve UI code using Chakra UI v3. Use this skill whenever a user wants to review Chakra UI code for issues, convert plain HTML/CSS, Tailw2.9Kskills.sh installs
6copilotkit avatarreact-corecopilotkit/copilotkit@copilotkit/react-core — mount the CopilotKit provider (from @copilotkit/react-core/v2) in a Next.js App Router / React Router v7 / TanStack Start / SPA app, dr2.8Kskills.sh installs