cometchat/cometchat-skills
102 skills2k installs7.1k starsGitHub
Install
npx skills add https://github.com/cometchat/cometchat-skillsSkills in this repo
1Cometchatcometchat is the entry-point agent skill from cometchat/cometchat-skills, version 3.0.0, that auto-detects framework families across web, React Native, Angular, Android, Flutter, and iOS before routing to family-specific CometChat UI kit skills. It runs an interactive v3 conversation—via npx @cometchat/skills-cli detect—to collect credentials, calling mode, and chat placement instead of guessing routes or auth. Supported stacks include React, Next.js, React Router, Astro, Expo, bare React Native, Angular 12–21, Android V5/V6, Flutter V5/V6, and iOS V5. Full-family installs can preload 13 web skills, 31 Android skills, or 28 Flutter skills on demand. Developers reach for cometchat when adding in-app chat, voice calling, or branded UI kit customization without manual SSR debugging.370installs2Cometchat A11ycometchat-a11y is a Claude Code skill version 4.0.0 for accessibility in CometChat UI Kit integrations across React, React Native, Angular, Android V5/V6, iOS, and Flutter families compatible with v4.x, v5.x, and v6.x releases. It targets WCAG 2.1 AA with keyboard navigation in chat, screen reader announcements via live regions for new messages, color contrast checks, focus management on call screens, and motion-reduction support. The skill highlights cross-family checks that catch common production accessibility bugs in chat and calling UI. Frontend engineers reach for cometchat-a11y when shipping CometChat and need systematic a11y fixes instead of ad hoc component patches.336installs3Cometchat Callscometchat-calls is an integration skill for embedding CometChat Calls into applications that need broadcast-style video events. It covers presenter-led sessions where most attendees keep audio and video off, a small presenter set stays visible, and Q&A flows through raise-hand mechanics. The readme documents an end-to-end flow from creating a Broadcast group keyed to an event ID through presenter setup and audience participation. CometChat Calls SDK supports up to roughly 50 simultaneous video streams per call depending on plan; for 100+ attendee broadcasts the skill points toward RTMP streaming bridges to YouTube or Twitch so viewers consume via streaming instead of bidirectional WebRTC.333installs4Cometchat I18ncometchat-i18n is a cross-platform localization skill for CometChat UI Kit families at versions 4.x, 5.x, and 6.x. Version 4.0.0 of the skill covers CometChatLocalize.init signature differences between kit families—positional versus object arguments—and guides bundled language usage, custom-language registration, RTL support for Arabic and Hebrew, and English fallback behavior. It applies to React, React Native, Angular, Android V5/V6, iOS, and Flutter V5/V6 implementations. Developers reach for cometchat-i18n when CometChat chat UI must ship in multiple languages without silent init failures or cross-family configuration drift between web and mobile codebases.332installs5Cometchat ThemingCustomizes CometChat web UI to match a host app's design system using CSS variables, preset themes, and brand overrides. A developer uses it to apply brand colors, dark mode, and design-system extraction across frameworks.21installs6Cometchat CustomizationProvides the workflow for customizing CometChat React UI Kit components beyond default CLI output. A developer uses it after a working integration exists and they want to change how components look or behave.20installs7Cometchat FeaturesClassifies CometChat features into default, extension, AI, dashboard-only, package-install, or component-swap paths and gives the enablement recipe for each. A developer uses it to add a specific feature to a working CometChat React integration.20installs8Cometchat TroubleshootingDiagnoses and fixes broken, missing, or drifted CometChat integrations by running verify checks and looking up symptom-to-cause in the docs. A developer uses it to repair a malfunctioning chat integration.20installs9Cometchat CoreTeaches how CometChat works for any React-family integration: initialization, login, CSS, environment variables, SSR safety, and the provider pattern. A developer reads it first before any framework- or placement-specific CometChat skill.17installs10Cometchat Astro PatternsTeaches how to embed CometChat as React islands in Astro, using client:only="react" to bypass server rendering. A developer uses it when adding CometChat chat to a static-first Astro site built with @astrojs/react.16installs11Cometchat ComponentsServes as the single source of truth for CometChat React UI Kit v6 component names, props, and SDK class import strategies. A developer consults it before writing any <CometChat*> JSX to avoid inventing non-existent components.16installs12Cometchat React PatternsGives framework-specific patterns for adding the CometChat React UI Kit v6 to Vite or CRA React projects. A developer uses it for provider setup, routing, layout integration, and env config.15installs13Cometchat Nextjs PatternsProvides Next.js-specific patterns for adding the CometChat React UI Kit v6 to App Router or Pages Router projects. A developer uses it to set up providers, prevent SSR issues, and place chat routes correctly.14installs14Cometchat PlacementTeaches production integration patterns for deciding where CometChat chat lives inside an existing project. A developer uses it to choose between a route, modal, drawer, panel, or widget placement.14installs15Cometchat ProductionCovers production readiness for CometChat, replacing the dev-mode authKey with server-side token auth and adding user management and environment hardening. A developer uses it before shipping chat to production.14installs16Cometchat React Router PatternsGives framework-specific patterns for adding the CometChat React UI Kit v6 to React Router v6 library mode and v7 framework mode. A developer uses it for SSR prevention, routing, and outlet nesting.14installs17Cometchat React TestingProvides testing patterns for the CometChat React UI Kit v6 across Vite, Next.js, React Router, and Astro, including SDK mocking, Playwright E2E, and CI. A developer uses it to test chat flows and enforce chat-specific assertions.10installs18Cometchat React CallsIntegrates the CometChat Calls SDK into web React apps across Vite, CRA, Next.js, React Router, and Astro. A developer uses it to add incoming/outgoing/ongoing call UI with getUserMedia and TURN/STUN handling.9installs19Cometchat React PushImplements Web Push for CometChat React UI Kit v6 in Vite, Next.js, React Router, and Astro projects, including service worker, VAPID, and a message webhook. A developer uses it to notify web users of incoming chat messages.9installs20Cometchat Ios CoreTeaches how CometChat works on iOS: dependency setup, initialization, login, the manager pattern, and anti-patterns. A developer reads it first before any iOS placement or component skill.7installs21Cometchat Native Bare PatternsTeaches CometChat integration for bare React Native CLI projects, covering native modules, permissions, and the Apple privacy manifest. A developer uses it when their RN project has native ios/ and android/ folders and no Expo.7installs22Cometchat Native ComponentsServes as the authoritative catalog of every CometChat React Native UI Kit v5 component with its props and callback signatures. A developer consults it before writing any <CometChat*> JSX in React Native.7installs23Cometchat Native CoreTeaches how CometChat works on React Native: the init-login-render order, provider wrapper chain, and anti-patterns. A developer reads it first before any Expo, bare, or placement RN skill.7installs24Cometchat Native Expo PatternsTeaches CometChat integration for Expo managed workflow projects, covering app.json permissions, the provider chain, and Expo Router. A developer uses it when their RN project uses Expo with app.json.7installs25Cometchat Android V5 ComponentsThis skill is the authoritative catalog of CometChat v5 Android view components (conversations, message list, composer, header, users, groups, calls) with their methods and composition patterns. A developer uses it before writing any CometChat view code to avoid inventing component names or signatures.6installs26Cometchat Android V5 CoreThis skill teaches the CometChat v5 Android foundation: CometChatUIKit.init, login/logout, the UIKitSettings builder, dependency setup, and anti-patterns that silently break integrations. A developer reads it first before any component or placement work in a new Android chat project.6installs27Cometchat Android V5 ExtensionsThis skill covers how CometChat v5 Android extensions plug into the UI Kit via ExtensionsDataSource and ExtensionDecorator, the built-in extensions, and building custom ones. A developer uses it when adding, disabling, or authoring extensions like polls, stickers, or collaborative features.6installs28Cometchat Android V5 TestingThis skill teaches how to write and run tests against a CometChat v5 Android integration, including mocking the SDK with Mockito/MockK, Espresso UI tests, and Maestro end-to-end tests. A developer uses it to add unit, UI, or E2E coverage and wire it into CI.6installs29Cometchat Android V6 Builder SettingsThis skill details every UIKitSettings.UIKitSettingsBuilder option for CometChat v6 Android, including presence subscription types, CallSettingsBuilder, and host overrides. A developer uses it when configuring SDK initialization, presence, or calling behavior.6installs30Cometchat Android V6 Compose PlacementSkill for positioning CometChat chat UI in Android v6 Compose layouts. Agents reference it when determining where and how to embed chat in Compose-based Android projects.6installs31Cometchat Android V6 CoreThis skill sets up CometChat v6 in an Android project: Gradle dependencies, SDK init, user authentication, and message sending on the shared chatuikit-core module used by both Kotlin Views and Compose. A developer reads it first when adding CometChat v6 to a project.6installs32Cometchat Android V6 EventsThis skill covers the CometChat v6 SharedFlow-based event bus that replaces v5's Java listener interfaces with a reactive, type-safe system. A developer uses it to listen for message, call, user, group, or conversation events in Kotlin.6installs33Cometchat Android V6 Kotlin CustomizationThis skill covers customizing CometChat v6 Kotlin Views by overriding bubble rendering with the BubbleFactory abstract class, using BubbleViewProvider for per-slot overrides, and applying style classes. A developer uses it to render custom message bubbles in the Views stack.6installs34Cometchat Android V6 Kotlin PlacementThis skill covers placing CometChat v6 Kotlin Views components into Activities, Fragments, BottomSheets, and tab layouts, with patterns derived from the sample-app-kotlin. A developer uses it when deciding where and how to embed CometChat Views in an app.6installs35Cometchat Flutter V6 ComponentsServes as the canonical catalog of every public CometChat Flutter UIKit v6 widget with props and view slots. A developer consults it before writing v6 Flutter chat code to avoid inventing widget names.6installs36Cometchat Flutter V6 CoreDefines non-negotiable constraints for CometChat Flutter UIKit v6 that prevent silent failures and crashes. A developer reads it before writing any v6 Flutter chat code, even simple widget usage.6installs37Cometchat Flutter V6 CustomizationPresents a four-tier customization model for CometChat Flutter UIKit v6 from view slots to BubbleFactory. A developer uses it for custom bubbles, headers, list items, actions, or new message types.6installs38Cometchat Flutter V6 PlacementCovers five placement patterns for CometChat in a Flutter app with Scaffold and keyboard-handling guidance. A developer uses it to decide where chat lives given their app type.6installs39Cometchat IosProvides patterns and components for CometChat integration in iOS native projects. Used by developers and agents implementing chat functionality for iOS.6installs40Cometchat Ios ProductionTeaches how to make a CometChat iOS integration production-ready with server-side auth tokens and security best practices. A developer uses it before shipping an iOS chat app to the App Store.6installs41Cometchat Ios PushTeaches how to configure push notifications for CometChat iOS apps via APNs. A developer uses it to register tokens and handle incoming chat notifications on iOS.6installs42Cometchat Native CustomizationTeaches how to change CometChat React Native UI Kit behavior or appearance without modifying the kit, across four escalating tiers. A developer uses it when props alone can't achieve the desired customization.6installs43Cometchat Native FeaturesClassifies CometChat React Native features into default, dashboard-toggle, package-install, and component-swap types with the recipe for each. A developer uses it to add features on top of a working RN integration.6installs44Cometchat Native PlacementTeaches the five canonical placement patterns for CometChat in a React Native app with navigation wiring and platform gotchas. A developer uses it to decide where chat lives given what they are building.6installs45Cometchat Native ProductionTeaches how to move a CometChat React Native integration from dev-mode auth key to production server-minted tokens plus user management. A developer uses it before shipping an RN chat app, since RN always needs an external backend.6installs46Cometchat Native PushAdds end-to-end push notifications to a CometChat React Native integration, from Apple/Google provider setup through token registration and tap-to-deep-link. A developer uses it when a backgrounded chat app must wake and show incoming messages in production.6installs47Cometchat Native TestingProvides testing patterns for CometChat React Native integrations, including mocking the UI Kit and SDK, testing custom components, and E2E setup. A developer uses it to decide what to test and wire chat tests into CI.6installs48Cometchat Native ThemingConfigures CometChat React Native appearance and localization through theme and i18n providers, replacing CSS variables with a JS theme object. A developer uses it to apply brand colors, dark mode, and translations across chat components.6installs49Cometchat Native TroubleshootingDiagnoses and fixes common CometChat React Native integration failures spanning init/login, native build, cache, and permission issues. A developer uses it when a React Native chat integration is broken or drifted.6installs50Cometchat Android V5This skill detects the project language, Gradle setup, and existing CometChat usage, then routes to the correct v5 sub-skill for core setup, components, placement, or features. A developer uses it when starting a CometChat chat integration in an Android app and is unsure which skill to load.5installs51Cometchat Android V5 CustomizationThis skill covers deeper CometChat v5 Android customization using custom message templates, the DataSource/DataSourceDecorator pattern, ChatConfigurator, and event listeners. A developer uses it to add custom message bubbles, custom option actions, filter conversations, or listen to message events.5installs52Cometchat Android V5 FeaturesThis skill explains how CometChat v5 Android features are structured and what work each requires, noting most are built in, toggled via the cometchat apply-feature CLI, or enabled by adding a dependency. A developer uses it to enable calling, reactions, polls, or AI features on an existing integration.5installs53Cometchat Android V5 PlacementThis skill teaches the six placement patterns for putting CometChat v5 chat into an existing Android app, each with step-by-step Java and Kotlin examples. A developer uses it to decide between Activity, Fragment, BottomSheet, Dialog, or tab-based placement.5installs54Cometchat Android V5 ProductionThis skill covers moving a CometChat v5 Android integration to production by replacing the client-side Auth Key with server-side token generation, adding user CRUD, and applying ProGuard/R8 rules. A developer uses it when preparing a release build and securing authentication.5installs55Cometchat Android V5 PushThis skill covers end-to-end Firebase Cloud Messaging setup for CometChat v5 Android using CometChatNotifications with PushPlatforms.FCM_ANDROID, notification channels, and reply-from-notification. A developer uses it so a backgrounded app wakes on incoming messages and taps deep-link into the chat.5installs56Cometchat Android V5 ThemingThis skill teaches theming CometChat v5 Android using XML theme attributes, the CometChatTheme static class, and per-component style resources. A developer uses it to match brand colors, customize typography, enable dark mode, or apply per-component styles.5installs57Cometchat Android V5 TroubleshootingThis skill teaches systematic diagnosis of CometChat v5 Android issues across Gradle build failures, runtime crashes, blank chat screens, and version mismatches. A developer uses it when the integration will not build, crashes, or fails to render.5installs58Cometchat Android V6This skill is the v6 entry point that detects an Android project's UI stack (Kotlin Views, Jetpack Compose, or both) and routes to the correct specialized CometChat skill. A developer uses it when adding chat, messaging, or calling to an Android app on UIKit v6.5installs59Cometchat Android V6 Compose ComponentsThis skill is the complete catalog of CometChat v6 Jetpack Compose components (conversations, messages, users, groups, calls) as @Composable functions with their parameters and styles. A developer uses it when adding a CometChat Compose component to a screen or looking up its parameters.5installs60Cometchat Android V6 Compose CustomizationThis skill covers customizing CometChat v6 Compose components by overriding bubble rendering with BubbleFactory, using slot lambda parameters, and applying @Immutable style classes. A developer uses it to render custom message bubbles or override individual bubble slots in Compose.5installs61Cometchat Android V6 Compose ThemingThis skill covers applying and customizing the CometChat v6 Compose theme via the CompositionLocal-based CometChatTheme, including color schemes, typography, shapes, and dark mode. A developer uses it to wrap components in CometChatTheme and match brand colors in Compose.5installs62Cometchat Android V6 ExtensionsThis skill covers extending CometChat v6's data layer via the DataSource/Repository clean-architecture pattern, creating custom DataSource implementations, and registering custom message types. A developer uses it to change how data is fetched or override default repository behavior.5installs63Cometchat Android V6 FeaturesThis skill catalogs the features available in CometChat v6, how each maps to components and DataSources, and how to enable or disable them. A developer uses it to turn features like AI, reactions, polls, or stickers on or off in a v6 integration.5installs64Cometchat Android V6 Kotlin ComponentsThis skill is the complete catalog of CometChat v6 Kotlin Views components (conversations, messages, users, groups, calls) as custom View classes with their properties and styles. A developer uses it when adding a CometChat Views component to an Activity or Fragment.5installs65Cometchat Android V6 Kotlin ThemingThis skill covers theming CometChat v6 Kotlin Views using XML theme attributes, the CometChatTheme singleton for programmatic color and font overrides, dark mode, and per-component style classes. A developer uses it to match brand colors and typography in the Views stack.5installs66Cometchat Android V6 ProductionThis skill covers production readiness for CometChat v6 Android: switching from authKey to token-based authentication, configuring ProGuard/R8, and applying security best practices. A developer uses it when preparing an app for release.5installs67Cometchat Android V6 PushThis skill covers configuring FCM push notifications for CometChat v6, handling both chat and incoming-call notifications, integrating VoIP for background calls, and deep-linking. A developer uses it to wake a backgrounded app on messages and calls.5installs68Cometchat Android V6 TestingThis skill covers testing CometChat v6 by unit-testing ViewModels and the shared core module, writing Compose UI tests and Espresso tests for Views, and running Maestro end-to-end flows. A developer uses it to add test coverage and wire it into CI.5installs69Cometchat Android V6 TroubleshootingThis skill provides a diagnostic table and fixes for common CometChat v6 problems across both the Kotlin Views and Jetpack Compose stacks. A developer uses it when init or login errors occur or components fail to render correctly.5installs70Cometchat Angular CoreThis skill teaches the CometChat Angular v4 foundation: initialization order, the UIKitSettingsBuilder pattern, login, environment config, module imports with CUSTOM_ELEMENTS_SCHEMA, and app-breaking anti-patterns. A developer reads it first before any placement or patterns work, on Angular 12-15.5installs71Cometchat Angular ProductionThis skill teaches production hardening for Angular CometChat: replacing the dev authKey with server-minted auth tokens, user CRUD, and external backend recipes since Angular has no API routes. A developer uses it to ship secure auth and integrate providers like Firebase, Supabase, Clerk, or Auth0.5installs72Cometchat Angular ThemingThis skill teaches theming the CometChat Angular v4 UI Kit through CometChatThemeService and per-component style objects, covering palette tokens, light/dark switching, typography, and CSS variable overrides. A developer uses it to match brand colors and typography in an Angular chat UI.5installs73Cometchat Angular TroubleshootingProvides a triage flow and symptom-to-fix reference for CometChat Angular UI Kit v4 integration failures across NgModule and standalone setups. A developer uses it when a CometChat Angular chat integration renders broken components, throws unknown-element errors, or fails init/login.5installs74Cometchat Flutter V5 CoreDefines non-negotiable constraints for CometChat Flutter UIKit v5 that prevent silent failures and crashes. A developer reads it before writing any v5 Flutter chat code.5installs75Cometchat Flutter V5 TroubleshootingProvides symptom-to-cause tables and verification checks for CometChat Flutter UIKit v5 problems. A developer uses it when a v5 chat integration fails to log in, load messages, or render theming correctly.5installs76Cometchat Flutter V6 CallsCovers production-grade voice and video calling for CometChat Flutter UIKit v6 in standalone and additive modes. A developer uses it to wire call widgets, CallKit/ConnectionService, and VoIP push into a v6 Flutter app.5installs77Cometchat Flutter V6 MigrationProvides a complete guide for migrating a consumer CometChat Flutter app from UIKit v5 to v6. A developer uses it when moving off the GetX-based two-package v5 to the unified Bloc-based v6.5installs78Cometchat Flutter V6 ProductionCovers production readiness for CometChat Flutter UIKit v6 including server-side auth tokens, platform config, and security hardening. A developer uses it when moving a v6 Flutter chat app from dev to production.5installs79Cometchat Flutter V6 ThemingExplains the three-layer ThemeExtension-based theme system for CometChat Flutter UIKit v6. A developer uses it to change colors, fonts, spacing, and dark-mode appearance of chat components.5installs80Cometchat Flutter V6 TroubleshootingProvides a diagnosis decision tree and fixes for CometChat Flutter UIKit v6 integration problems. A developer uses it when a v6 chat app crashes, renders wrong, or fails calls or events.5installs81Cometchat Flutter V6 Users GroupsCovers the CometChatUsers, CometChatGroups, and CometChatGroupMembers widgets for user and group management in Flutter UIKit v6. A developer uses it to build contacts, member lists, and group admin actions.5installs82Cometchat Ios ComponentsServes as the source of truth for CometChat iOS UI Kit v5 component names, properties, and usage from official docs. A developer consults it before composing CometChat view controllers in Swift.5installs83Cometchat Ios CustomizationTeaches advanced CometChat iOS UI Kit customization: custom views, message templates, text formatters, event listeners, and request-builder filters. A developer uses it when theming alone can't achieve the desired UI or behavior.5installs84Cometchat Ios FeaturesDocuments the features available in CometChat iOS UI Kit v5 and how to enable and configure each. A developer uses it to add voice/video calls, reactions, polls, stickers, or AI features to an iOS chat app.5installs85Cometchat Ios PlacementTeaches placement patterns for CometChat components in an iOS app for different use cases. A developer uses it to choose navigation, tab-bar, modal, or embedded placement for chat.5installs86Cometchat Ios ThemingTeaches how to style CometChat iOS UI Kit components using CometChatTheme for global and component-level styling. A developer uses it to apply brand colors, fonts, and dark-mode support to iOS chat UI.5installs87Cometchat Ios TroubleshootingHelps diagnose and fix common CometChat iOS UI Kit integration issues across build and runtime. A developer uses it when an iOS chat integration fails to compile or misbehaves at runtime.5installs88Cometchat Angular ComponentsThis skill is the authoritative catalog of every CometChat Angular v4 component, listing HTML selectors, Angular Input bindings, Output events, ng-template slots, request builders, and style objects. A developer uses it before writing any <cometchat-*> HTML to avoid inventing bindings.4installs89Cometchat Angular CustomizationThis skill teaches how to change the Angular UI Kit's behavior or appearance without modifying the kit, using a four-tier model from Angular inputs up to DataSource decorators and events. A developer uses it to filter data, reformat text, or override message rendering.4installs90Cometchat Angular FeaturesThis skill teaches how to add features on top of a working CometChat Angular integration, classifying each into default, extension, AI-feature, dashboard-only, package-install, or component-swap types with the correct recipe. A developer uses it to add calling, extensions, or AI features.4installs91Cometchat Angular PatternsThis skill teaches Angular-specific CometChat patterns: wiring init into the bootstrap lifecycle, lazy-loading the chat module, protecting routes with guards, and handling SSR/Universal. A developer uses it to integrate chat cleanly with Angular Router and bootstrap.4installs92Cometchat Angular PlacementThis skill teaches the five canonical placement patterns for putting CometChat chat inside an Angular app, mapping each to component composition, Router or Material wiring, and layout gotchas. A developer uses it to choose and wire route-based, sidebar, modal, tab, or embedded chat.4installs93Cometchat Flutter V5Acts as the entry-point skill for CometChat Flutter UIKit v5, detecting the project and routing to feature skills. A developer uses it when starting a chat build on the GetX-based v5 packages.4installs94Cometchat Flutter V5 CallsCovers CometChat Flutter UIKit v5 call components (call buttons, incoming/outgoing/ongoing calls, call logs) from the separate calls package. A developer uses it when wiring voice or video calling into a v5 Flutter chat app.4installs95Cometchat Flutter V5 ConversationsDocuments the CometChat Flutter UIKit v5 CometChatConversations component, its props, and its view-slot callbacks. A developer uses it when building or customizing the recent-chats list in a v5 Flutter app.4installs96Cometchat Flutter V5 CustomizationPresents four tiers of CometChat Flutter UIKit v5 customization from props to DataSource decorators. A developer uses it when default props can't achieve the desired bubble, template, or slot behavior.4installs97Cometchat Flutter V5 EventsExplains the two-layer event system in CometChat Flutter UIKit v5: low-level SDK listeners and high-level UIKit events. A developer uses it to react to real-time message, call, user, and group events.4installs98Cometchat Android V5 CallsCometChat skill bundle provides framework-specific patterns and components for adding chat and calling to React, React Native, Angular, Android, Flutter, and iOS projects. Agents use it to generate integration code automatically.2installs99Cometchat Flutter V6 TestingFlutter v6-specific test patterns and validation steps for CometChat chat components. Developers verify feature correctness in Flutter v6 projects.2installs100Cometchat Ios TestingiOS-specific testing procedures for CometChat messaging and calling. Developers use it to verify CometChat implementation correctness in iOS projects.2installs101Cometchat Angular TestingProvides test patterns and verification steps for CometChat chat features in Angular projects. Used by developers and agents validating CometChat implementation.1installs102Cometchat Flutter V5 TestingFlutter v5-specific test patterns for CometChat chat and calling features. Developers use it to validate CometChat functionality in Flutter projects.1installs