CometChat Skills is a set of five agent skill files that guide any AI coding agent through a correct CometChat React UI Kit v6 integration, from install to a working chat UI, in under 15 minutes.
There is one skill per framework: React.js, Next.js, React Router, and Astro, plus a shared core. The skills work with Claude Code, Cursor, Kiro, VS Code Copilot, and Codex. Drop a .md file into your agent's context directory, and the agent knows exactly what to do.
This product focuses on eliminating the framework-specific debugging that slows down React integrations. Every React framework has different SSR constraints, env var conventions, and module loading patterns. CometChat Skills handles all of that automatically, so your AI coding agent generates the right integration code for your specific project.
What are we launching?
We're launching CometChat Skills, a set of production-ready agent skill files for integrating CometChat React UI Kit v6 into React applications.
The skills work with any AI coding agent that reads markdown context, including:
Claude Code
Cursor
Kiro
VS Code Copilot
Codex
Supported frameworks include:
React.js / Vite
Next.js (App Router + Pages Router)
React Router v6 and v7
Astro
Install the skills with one command, then open your project in your AI coding agent to run it. The agent detects your framework, shows three chat experience options, collects or infers your CometChat credentials, and scaffolds the integration with the correct SSR pattern, file layout, and TypeScript types.
Why does this matter to me as a developer?
Integrating CometChat into a React project is not the same across every framework.
Every React framework has different:
SSR constraints
Environment variable conventions
Module loading patterns
Most tools like Sendbird, Stream and PubNub all have static quickstart docs. None offer an agent-agnostic skill that detects existing project state, adapts to the detected framework, and generates idiomatic integration code inline in your existing project, across every major AI coding agent.
Key features and capabilities in CometChat Skills
Framework detection
The skill detects your project's router type, bundler, and framework version before generating any code.
This means the agent:
Chooses the right SSR prevention pattern for your framework.
Applies the correct environment variable convention.
Generates code that matches your existing project structure.
Generates code that matches your existing project structure.
Credential inference
Before prompting you for your CometChat credentials, the skill looks for them in your existing files or any existing CometChat UI Kit integration calls in your project.
Three chat experiences, ready to scaffold
Once the agent knows your framework and credentials, you choose the chat experience you want to build.
Pass an experience directly when you run the command:
Conversation list and message view. This lists all conversations and messages in a single view with the option to open specific chats when clicking on them. Best for apps where users switch between multiple conversations.
One-to-one chat.Private conversation windows connecting individual users. Best for customer support or matched-pair chat.
Tab-based chat. Tabs to indicate chats, calls, users and groups. Each tab shows the matching CometChat list; clicking a conversation opens messages on the right. Best for full-featured messenger-style apps.
Additionally, CometChat skills will ensure:
Minimal changes to your existing project, and
A verification checklist after integration
What's interesting about the tech behind this?
CometChat Skills is built around a modular skill file architecture.
There is one entry-point dispatcher skill and four framework-specific skills underneath it:
Because the skills ship as markdown files, they work with any AI coding agent that reads markdown context. Drop a .md file into your agent's context directory. That's it.
This makes the skills genuinely agent-agnostic. Claude Code, Cursor, Kiro, VS Code Copilot, and Codex all read the same files and follow the same instructions.
Reference links
GitHub repository: https://github.com/cometchat/cometchat-skills
Documentation for React: https://www.cometchat.com/docs/ui-kit/react/react-js-integration
Documentation for React.js: https://www.cometchat.com/docs/ui-kit/react/overview
Nivedita Bharathy
Product Marketing Specialist , CometChat