Skills
.Work. You
Rest

implementing-ui-bundle-agentforce-conversation-client

Community

Embed and configure Agentforce conversation client

Software Engineering#integration#react#styling#salesforce#agentforce#embedding#conversation-client
Authorcchrisv
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Embeds and governs the use of the official AgentforceConversationClient wrapper to integrate Salesforce chat capabilities without building a custom widget, ensuring safe, compliant usage across apps.

Core Features & Use Cases

  • Ensures you import the canonical AgentforceConversationClient package and render it in existing app components.
  • Guides you through validating agent IDs (18-character IDs starting with 0Xx) and providing a real agentId for new deployments.
  • Enforces theming and sizing through the styleTokens prop, while always avoiding CSS-based styling or inline style attributes.
  • Use cases include embedding the chat on Flow screens or pages, updating agent-related props (inline vs floating, width, height, header, and labeling) without rewriting implementation.

Quick Start

Import the canonical AgentforceConversationClient and render it with a valid 18-character agentId in your app.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: implementing-ui-bundle-agentforce-conversation-client
Download link: https://github.com/cchrisv/professorFlowVisualPicker/archive/main.zip#implementing-ui-bundle-agentforce-conversation-client

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.