> ## Documentation Index
> Fetch the complete documentation index at: https://www.cometchat.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Smart Chat Features

> AI-powered features in CometChat's React UI Kit: Conversation Starter, Smart Replies, and Conversation Summary.

<Accordion title="AI Integration Quick Reference">
  | Field          | Value                                                                                                                                                                                                                                                                                   |
  | -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
  | Package        | `@cometchat/chat-uikit-react`                                                                                                                                                                                                                                                           |
  | Required setup | `CometChatUIKit.init(UIKitSettings)` then `CometChatUIKit.login("UID")` + AI features enabled in [CometChat Dashboard](/fundamentals/ai-user-copilot/overview)                                                                                                                          |
  | AI features    | Conversation Starter, Smart Replies, Conversation Summary                                                                                                                                                                                                                               |
  | Key components | `CometChatMessageList` → [Message List](/ui-kit/react/message-list) (Conversation Starter), `CometChatMessageComposer` → [Message Composer](/ui-kit/react/message-composer) (Smart Replies, Summary), `CometChatAIAssistantChat` → [AI Assistant Chat](/ui-kit/react/ai-assistant-chat) |
  | Activation     | Enable each AI feature from the CometChat Dashboard — UI Kit auto-integrates them, no additional code required                                                                                                                                                                          |
</Accordion>

## Overview

CometChat AI features enhance user interaction by providing contextual suggestions and summaries. Each feature is activated from the Dashboard and auto-integrates into UI Kit components.

## Smart Chat Features

### Conversation Starter

Displays AI-generated opening lines when a user starts a new chat. See [Conversation Starter](/fundamentals/ai-user-copilot/conversation-starter).

Auto-integrates into [MessageList](/ui-kit/react/message-list) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b/RxKy5RgybeX-8GbH/images/1cad4411-ai_conversation_starter_web_screens-e086f83ee4ee395ce75328ecc6e7d45b.png?fit=max&auto=format&n=RxKy5RgybeX-8GbH&q=85&s=a26c52ddbdd47ae43bf27efe87c828c3" width="1282" height="802" data-path="images/1cad4411-ai_conversation_starter_web_screens-e086f83ee4ee395ce75328ecc6e7d45b.png" />
</Frame>

### Smart Replies

AI-generated response suggestions based on conversation context. See [Smart Replies](/fundamentals/ai-user-copilot/smart-replies).

Auto-integrates into the Action Sheet of [MessageComposer](/ui-kit/react/message-composer) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b/pIKiBC-6hdnqY01x/images/52f05152-ai_smart_replies_web_screens-8ac3840804809fd9402814764093c6fc.png?fit=max&auto=format&n=pIKiBC-6hdnqY01x&q=85&s=03197581645ffd54832d51a59633cb51" width="1282" height="802" data-path="images/52f05152-ai_smart_replies_web_screens-8ac3840804809fd9402814764093c6fc.png" />
</Frame>

### Conversation Summary

AI-generated recap of long conversations. See [Conversation Summary](/fundamentals/ai-user-copilot/conversation-summary).

Auto-integrates into the Action Sheet of [MessageComposer](/ui-kit/react/message-composer) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b/qrEt0CwYkpwR_jD-/images/d83c9272-ai_conversation_summary_web_screens-b5e1d99c765f9c0c6f1e80d2b7e89421.png?fit=max&auto=format&n=qrEt0CwYkpwR_jD-&q=85&s=0ca48c13ebfe5315af08001b37e5dd81" width="1282" height="802" data-path="images/d83c9272-ai_conversation_summary_web_screens-b5e1d99c765f9c0c6f1e80d2b7e89421.png" />
</Frame>

## Next Steps

<CardGroup cols={2}>
  <Card title="AI Assistant Chat" icon="robot" href="/ui-kit/react/ai-assistant-chat">
    AI-powered assistant component
  </Card>

  <Card title="Message List" icon="messages" href="/ui-kit/react/message-list">
    Customize the message list where AI features appear
  </Card>

  <Card title="Message Composer" icon="pen-to-square" href="/ui-kit/react/message-composer">
    Customize the composer with Smart Replies and Summary
  </Card>

  <Card title="Core Features" icon="comments" href="/ui-kit/react/core-features">
    Core chat features like messaging and reactions
  </Card>
</CardGroup>