Skills
.Work. You
Rest

embedded-agent

Official

Embed an Agentforce chat in React apps.

Software Engineering#frontend#integration#react#widget#chat#agentforce#embed
Authorforcedotcom
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Embeds the Agentforce Conversation Client into a React web application to provide a ready-to-use chat UI for employee agents or Salesforce agent conversations within a web app.

Core Features & Use Cases

  • React wrapper: Use the AgentforceConversationClient to auto-handle authentication and rendering across environments.
  • Flexible rendering: Choose between a floating chat widget or an inline UI, with configuration through agentforceClientConfig.
  • Agent scoping & theming: Load a specific agent via agentId or default to the org's agent, and tailor appearance with styleTokens.
  • Seamless integration: Drop the component into your AppLayout and keep the shell intact while the chat loads in context.

Quick Start

Install the package and render the AgentforceConversationClient in your app layout, then pass an agentforceClientConfig with renderingConfig and optional agentId to configure the chat.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: embedded-agent
Download link: https://github.com/forcedotcom/afv-library/archive/main.zip#embedded-agent

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 223,000+ vetted skills library on demand.