cometchat-react-calls
CommunityAdd production-grade voice/video calls to React apps.
AuthorMAX5271
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps you integrate CometChat voice and video calling into React-family web apps without broken WebRTC sessions, missing incoming-call UI, or Next.js SSR failures.
Core Features & Use Cases
- Two-mode calling integrations (Session vs Ringing): supports meeting-room style flows and recipient-ringing flows, with the correct component/route structure.
- Dual-SDK initialization and correct auth flow: sequences
@cometchat/chat-sdk-javascript(signaling) and@cometchat/calls-sdk-javascript(WebRTC), includingCallslogin requirements for v5. - Production-grade WebRTC guardrails: ensures the join container has measurable dimensions, cleans up
getUserMediatracks on hangup, and provides Next.js SSR-safe loading patterns. - CometChat UI Kit call components: covers
CometChatIncomingCall,CometChatOutgoingCall,CometChatOngoingCall, and call button placement for additive mode.
Quick Start
Use the Skill to scaffold a React (or Next.js) calls integration by picking Calling mode, initializing Chat then Calls SDK, logging in correctly for v5, mounting call listeners at the app root, and ensuring the call join container has non-zero viewport dimensions.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: cometchat-react-calls Download link: https://github.com/MAX5271/CometChat/archive/main.zip#cometchat-react-calls Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.