skills.rest
MAX5271
MAX5271COMMUNITY
Explore all skills by this author →
GitHub

cometchat-components

Catalog CometChat React UI Kit v6 components and usage rules.

Updated May 28, 2026
Search Tags:#integration#threading#component catalog#cometchat#chat messaging#react ui kit#search ui
One-click install
npx skills add https://github.com/MAX5271/CometChat --skill cometchat-components-max5271
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cometchat-components
Source: https://github.com/MAX5271/CometChat/tree/main/.claude/skills/cometchat-components
Command: npx skills add https://github.com/MAX5271/CometChat --skill cometchat-components-max5271

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Prevents integration bugs caused by inventing or misnaming CometChat React UI components by providing an authoritative, discoverable catalog of the CometChat React UI Kit v6 API.

Core Features & Use Cases

  • Component name correctness: Identify the exact exported component names and verify they exist before writing any <CometChat*> JSX.
  • Prop and usage guidance: Learn required props, key behaviors (e.g., list scoping by user/group, threading via parentMessageId), and recommended composition patterns.
  • Safe SDK type usage: Avoid runtime errors by following correct import strategies for CometChat.User, CometChat.Group, and related runtime classes.
  • Integration patterns: Apply proven layouts such as multi-conversation (two-pane), single thread, full messenger tab flows, and search/threading rules.

Quick Start

Use the cometchat-components catalog to look up the correct component and props for your intended chat UI, then ask: Which CometChat v6 components and props should I use to build a two-pane chat with conversation list, message list, composer, and search integration?

Frequently Asked Questions about cometchat-components

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

FAQPage Schema
How do I implement a two-pane chat layout using the CometChat React UI Kit?▼

To implement dual-scope search, apply the CometChat v6 search UI components and rules rather than hand-rolling UI, ensuring you import SDK runtime classes like CometChat.User correctly to avoid prop and behavior constraint failures.

Why does my CometChat chat messaging component throw runtime errors in React?▼

CometChat chat messaging components throw runtime errors when SDK type imports are incorrect. Follow safe import strategies for CometChat.User and CometChat.Group runtime classes to prevent integration bugs and ensure component name correctness.

How does threading work in CometChat React integrations?▼

Threading in CometChat React integrations works by passing the parentMessageId prop to the message list component. Apply the canonical usage rules from the v6 component catalog to satisfy behavior constraints and avoid misnaming components.

What is the best way to look up correct props for CometChat v6 components?▼

The best way to look up correct props is to consult the authoritative CometChat React UI Kit v6 catalog, which provides required props, key behaviors like list scoping by user or group, and recommended composition patterns for conversations, calls, and search.

Can I use custom hand-rolled UI components instead of the CometChat React UI Kit?▼

You can use custom UI, but you should use the provided CometChat v6 components to satisfy strict prop and behavior constraints. Hand-rolling UI risks integration bugs caused by inventing or misnaming exported components.

Related Skills

Explore More Software Engineering Skills→
cometchatcometchat
74

cometchat-components

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

Official
Intermediate
Hey-ViswaHey-Viswa

intercom-design-skill

Apply Intercom design system patterns to React/Next.js interfaces.

Community
Intermediate
MAX5271MAX5271

cometchat-astro-patterns

Configures Astro React islands with client-only rendering for CometChat chat components.

Community
Intermediate
MAX5271MAX5271

cometchat-react-router-patterns

Guide React Router v6 and v7 integrations for CometChat with SSR-safe patterns.

Community
Advanced