skills.rest
cometchat
cometchatOFFICIAL
Explore all skills by this author →
WebsiteGitHub

cometchat-components

Catalog CometChat React UI Kit v6 components with imports and usage patterns.

74|2|Updated Apr 3, 2026
Search Tags:#documentation#integration#react#ui-components#ui-kit#cometchat
One-click install
npx skills add https://github.com/cometchat/cometchat-skills --skill cometchat-components
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cometchat-components
Source: https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-components
Command: npx skills add https://github.com/cometchat/cometchat-skills --skill cometchat-components

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The catalog provides a definitive, up-to-date reference of all CometChat React UI Kit v6 components, including names, props, and usage, so developers never assume or invent component interfaces.

Core Features & Use Cases

  • Centralized catalog of components from the React UI Kit v6, with prop references and usage examples.
  • Guidance on integrating components into various app patterns (two-pane, single-thread, full messenger) with real-world scenarios.
  • Quick lookup of imports and usage patterns for @cometchat/chat-uikit-react and @cometchat/chat-sdk-javascript.

Quick Start

Look up a component like CometChatMessageList in the catalog and copy its recommended usage into your app.

Frequently Asked Questions about cometchat-components

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

FAQPage Schema
How do I integrate CometChat React UI Kit v6 components into my web app?▼

To integrate CometChat React UI Kit v6, import components from @cometchat/chat-uikit-react and @cometchat/chat-sdk-javascript. The catalog provides prop references and usage examples to guide component selection and implementation across messenger interfaces.

What React components are available for building a full messenger interface with CometChat?▼

CometChat React UI Kit v6 provides components like CometChatMessageList for building full messenger interfaces. The catalog offers a definitive reference of all available components, their props, and recommended usage patterns for two-pane and single-thread layouts.

Can I use CometChat UI Kit v6 components with React Native?▼

Yes, the CometChat React UI Kit v6 components apply to developers building both React web and React Native apps. The catalog guides component choices and integration patterns across common messenger interfaces for both platforms.

Why does my CometChat component integration fail when I invent component names?▼

Inventing CometChat component names causes integration failures because the SDK requires exact imports from @cometchat/chat-uikit-react. The catalog prevents this by providing a definitive, up-to-date reference of all official UI Kit v6 component names and props.

What's the best way to structure a two-pane messenger layout using CometChat?▼

The best way to structure a two-pane messenger layout is by following the integration patterns in the CometChat UI Kit v6 catalog. It provides real-world scenarios and pattern recommendations for two-pane, single-thread, and full-messenger implementations.

Do I need @cometchat/chat-sdk-javascript to use React UI Kit v6 components?▼

Yes, you need @cometchat/chat-sdk-javascript alongside @cometchat/chat-uikit-react. The catalog provides quick lookup of imports and usage patterns for both SDKs to ensure proper component integration and functionality in your application.

Related Skills

Explore More Software Engineering Skills→
MAX5271MAX5271

cometchat

Detect app frameworks and generate CometChat integration code.

Community
Advanced
Arnutt-NArnutt-N

websocket-realtime

Connect backend and frontend with WebSocket-based real-time updates for HR-IMS data.

Community
Advanced
ai-enhanced-engineerai-enhanced-engineer
3

react-native-modern-patterns

Guide modern React Native development with TypeScript, Expo SDK, and React Navigation.

Official
Advanced
cometchatcometchat
512

cometchat-flutter-customization

Customizes Flutter chat UI components in CommetChat using templates, factories, and style overrides for UIKit v6 compatibility.

Official
Advanced