agentforce-lightning-types

Deploy Apex-based Lightning Types to render custom LWC UI in Agentforce chat.

15|Updated Jan 27, 2026
One-click install
npx skills add https://github.com/sfdc-brendan/Demo-Lab --skill agentforce-lightning-types
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: agentforce-lightning-types
Source: https://github.com/sfdc-brendan/Demo-Lab/tree/main/Agentforce/Skills/agentforce-lightning-types
Command: npx skills add https://github.com/sfdc-brendan/Demo-Lab --skill agentforce-lightning-types

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Agentforce CLTs enable rendering of rich UI inside Agentforce chat surfaces, replacing plain text with cards, forms, carousels, and interactive components for Service Agent Enhanced Chat V2, Employee Agent LEX, and mobile experiences.

Core Features & Use Cases

  • Apex-based Lightning Types (CLTs) that render custom LWCs in chat surfaces.
  • Supports multiple surfaces: Service Agent Enhanced Chat V2, Employee Agent LEX panels, and mobile surfaces for chat.
  • Includes data contracts (Apex classes with @AuraEnabled and @JsonAccess), schema.json, and renderer/editor configurations to wire to agent actions.
  • Real-world use: display a product card, gather structured input, or present a dynamic UI directly in chat for faster decision-making.

Quick Start

Deploy the Apex CLT bundle and connect it to an Agentforce action to render your first custom LWC in chat.

Frequently Asked Questions about agentforce-lightning-types

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render custom LWC components inside Agentforce chat?

To render custom LWC components inside Agentforce chat, deploy Apex-based Lightning Types (CLTs) that produce cards, forms, and interactive UI by wiring a global @AuraEnabled Apex class to a lightning type bundle with schema.json.

What is an Apex CLT in Salesforce Agentforce?

An Apex CLT in Salesforce Agentforce is a Custom Lightning Type that enables rendering rich UI in chat surfaces, replacing plain text with interactive LWC-driven components for Service Agent and Employee Agent.

How do I build a custom Lightning Type bundle for Agentforce?

To build a custom Lightning Type bundle for Agentforce, create a global Apex class with @AuraEnabled and @JsonAccess, define schema.json referencing c__MyTypeData, configure renderer.json and editor.json, and deploy an LWC bundle under lightningTypes.

Does Agentforce chat support interactive forms on mobile surfaces?

Yes, Agentforce chat supports interactive forms on mobile surfaces. Apex CLTs enable rendering rich UI across Service Agent Enhanced Chat V2, Employee Agent LEX panels, and mobile chat experiences.

Can I use Agentforce CLTs to display product cards in Service Agent chat?

Yes, you can use Agentforce CLTs to display product cards in Service Agent chat. CLTs replace plain text with dynamic UI components, allowing agents to present product cards and gather structured input directly within chat contexts.

What are the limitations of rendering custom LWCs in Agentforce chat?

Rendering custom LWCs in Agentforce chat requires strict data contracts. You must maintain a global Apex class with @AuraEnabled, a corresponding schema.json, and renderer.json/editor.json configurations to successfully deploy and wire components to agent actions.