Standardize CometChat React UI Kit v6 initialization and login sequencing.
npx skills add https://github.com/MAX5271/CometChat --skill cometchat-core-max5271
Please help me install this Agent Skill. Skill: cometchat-core Source: https://github.com/MAX5271/CometChat/tree/main/.claude/skills/cometchat-core Command: npx skills add https://github.com/MAX5271/CometChat --skill cometchat-core-max5271
This Skill prevents brittle or broken CometChat UI integrations by standardizing the one-time initialization, safe login sequencing, environment-variable setup, and SSR/client-only constraints needed for reliable React UI Kit v6 usage.
CometChatUIKit.init() completes before any UI components render, including React StrictMode-safe guards.@cometchat/chat-uikit-react/css-variables.css once at the app root and applies --cometchat-* overrides safely.login(uid) and production loginWithAuthToken(token) patterns without exposing secrets.Read cometchat-core first, then implement a module-scoped CometChat initializer plus a provider that gates rendering until init and login complete.
High-intent search queries and answers about installing and using this skill.
Fix the CometChat previous login request error by using sequential or in-flight promise reuse for concurrent calls. This safe login orchestration prevents overlapping requests from breaking the React UI Kit v6 authentication flow.
CometChat initialization breaks in React StrictMode due to double-invoked effects causing repeated asynchronous setup. Enforcing strict init-before-render ordering with one-time asynchronous initialization guards ensures UIKit completes setup before UI components mount.
Safely render CometChat UI components in SSR frameworks by enforcing browser-only rendering and gating the chat UI with a provider that exposes ready and error states until client-side initialization and login complete.
Correct CometChat React UI Kit theming requires importing the chat-uikit-react css-variables.css file once at the app root, then overriding the --cometchat-* public CSS variables safely to achieve the desired visual style.
Do not hardcode the UID for CometChat login; instead, retrieve the current UID from the SDK using login listener getters. For production, switch to the loginWithAuthToken(token) pattern to avoid exposing secrets.
Yes, CometChat React UI Kit v6 requires UIKitSettingsBuilder configuration before rendering. Standardizing this setup ensures the one-time asynchronous initialization completes successfully before any chat UI components are mounted.
cometchatIntegrate CometChat React UI Kit into Vite or CRA projects with provider and routing patterns.
MAX5271Configure Vitest and Playwright tests for CometChat React UI Kit integrations.
MAX5271Integrate CometChat React UI Kit in Next.js with client-only rendering.
MAX5271Integrate CometChat voice and video calling into React apps with dual SDK initialization.