LogoClawIndex
CasesSkillsAbout
LogoClawIndex

cometchat-react-patterns - Integrate CometChat UI Kit into React apps

Provides React-specific patterns for integrating CometChat UI Kit v6 in Vite or Create React App projects, including providers, routing, layouts, and environment variables.

Tags

Updated: 2026-10-12
chatCometChatReactViteCreate React Approutingproviderintegration

Capabilities

Detect React project typeConfigure CometChatProviderWire React Router routesIntegrate navigation links

Typical Inputs

React project filespackage.json dependenciesRouter configuration

Typical Outputs

Updated React source filesProvider integrationChat route or display trigger

What this skill does

  • Detect React project type
  • Configure CometChatProvider
  • Wire React Router routes
  • Integrate navigation links
  • Handle StrictMode login guards
  • Apply environment variable conventions

Inputs

  • React project files
  • package.json dependencies
  • Router configuration
  • CometChat credentials
  • Environment variables

Outputs

  • Updated React source files
  • Provider integration
  • Chat route or display trigger
  • Environment variable references
  • Navigation integration

Requirements

  • Node.js >=18
  • React >=18
  • Vite >=4 or Create React App
  • @cometchat/chat-uikit-react ^6
  • @cometchat/chat-sdk-javascript ^4
  • Client-only React environment

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.