cometchat-native-components

Document React Native CometChat UI Kit component props and styling.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Skill provides a comprehensive catalog of the CometChat React Native UI Kit components, including API details, prop surfaces, slot views, and style shapes, so developers can confidently assemble consistent UIs.

Core Features & Use Cases

  • Central reference for component APIs, patterns, and customization options across headers, lists, messages, and atoms.
  • Guidance on prop conventions, slot overrides, and nested style shaping to speed up integration and ensure consistency.
  • Use cases include selecting headers, lists, message lists, and composer components, then applying slot views and style props to match app design.

Quick Start

Review the catalog to locate the appropriate CometChat React Native component and implement it according to its documented props.

Frequently Asked Questions about cometchat-native-components

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

FAQPage Schema
How do I customize CometChat React Native UI components?

To customize CometChat React Native UI components, you override documented prop conventions, customize slot views, and apply nested style shaping to match your app design. This ensures consistent integration across headers, lists, and message components.

What is the best way to select React Native components for a chat UI?

Selecting React Native components for a chat UI involves reviewing a consolidated catalog of headers, lists, messages, and atoms. This central reference reduces guesswork by documenting API details, patterns, and customization options for consistent layout assembly.

How do I override slots in CometChat message lists?

Overriding slots in CometChat message lists uses documented slot customization options to inject custom views. You apply these slot overrides alongside style props to shape the message components according to your specific app design requirements.

Can I use CometChat UI Kit components across different React Native projects?

CometChat UI Kit components can be used across different React Native projects by following documented prop conventions and style shapes. This approach ensures consistent integration and reduces guesswork when assembling common layout patterns.

What props are available for CometChat React Native headers and lists?

Available props for CometChat React Native headers and lists include documented API details, prop surfaces, and style shapes. These conventions speed up integration by providing a central reference for configuring common layout patterns.

Why does my CometChat React Native UI integration look inconsistent?

Inconsistent CometChat React Native UI integration often results from not applying documented prop conventions and nested style shapes. Reviewing the component catalog ensures you apply the correct slot customization options and style props for consistent UI assembly.