cometchat-core
Purpose
This is the foundational skill for every CometChat React UI Kit v6 integration. It teaches Claude HOW CometChat works -- initialization, login, CSS, environment variables, SSR safety, and the provider pattern -- so Claude can write project-appropriate code instead of relying on templates.
Read this skill first, before any framework or placement skill.
1. Initialization
CometChat must be initialized exactly once before any UI component renders. Initialization is asynchronous and must complete fully before mounting any CometChat* component.
The UIKitSettingsBuilder
import { CometChatUIKit, UIKitSettingsBuilder } from "@cometchat/chat-uikit-react";
More from cometchat/cometchat-skills
cometchat
Entry-point for CometChat integration in any React, React Native, Angular, Android, Flutter, or iOS project — web (React/Next.js/React Router/Astro), React Native (Expo/bare), Angular (12-15), native Android (V5 stable, V6 beta), Flutter (V5 stable, V6 beta), and native iOS (V5 stable). Detects the framework, gathers requirements through an interactive conversation, and writes production-quality integration code.
31cometchat-react-nextjs
Integrate CometChat React UI Kit v6 into a Next.js project (App Router or Pages Router) using the @cometchat/skills-cli. Replaces the v1 prose skill once the CLI is published to npm.
12cometchat-theming
Customize CometChat UI to match the user's app design system. Covers the CSS variable cascade, preset themes, brand color overrides, design system extraction, dark mode, and framework-specific override locations.
10cometchat-react-reactjs
Integrate CometChat React UI Kit v6 into a React (Vite or CRA) project using the @cometchat/skills-cli. Replaces the v1 prose skill once the CLI is published to npm.
10cometchat-troubleshooting
Diagnose and fix problems with a CometChat integration. Runs verify checks, detects drift, queries the docs MCP for symptom-to-cause lookups, and proposes targeted fixes. Works on any state — broken, missing, or drifted integrations.
9cometchat-react-react-router
Integrate CometChat React UI Kit v6 into a React Router project (v6 or v7) using the @cometchat/skills-cli. Replaces the v1 prose skill once the CLI is published to npm.
9