LogoClawIndex
案例技能关于
LogoClawIndex

cometchat-react-patterns - 将 CometChat UI Kit 集成到 React 应用

提供在 Vite 或 Create React App 项目中集成 CometChat UI Kit v6 的 React 模式,包括 Provider、路由、布局和环境变量。

标签

更新于: 2026-10-12
聊天CometChatReactViteCreate React App路由Provider集成

能力

检测 React 项目类型配置 CometChatProvider接入 React Router 路由集成导航链接

典型输入

React 项目文件package.json 依赖路由配置

典型输出

更新后的 React 源文件Provider 集成聊天路由或显示触发器

该技能可以做什么

  • 检测 React 项目类型
  • 配置 CometChatProvider
  • 接入 React Router 路由
  • 集成导航链接
  • 处理 StrictMode 登录保护
  • 应用环境变量约定

输入

  • React 项目文件
  • package.json 依赖
  • 路由配置
  • CometChat 凭据
  • 环境变量

输出

  • 更新后的 React 源文件
  • Provider 集成
  • 聊天路由或显示触发器
  • 环境变量引用
  • 导航集成

要求

  • Node.js >=18
  • React >=18
  • Vite >=4 或 Create React App
  • @cometchat/chat-uikit-react ^6
  • @cometchat/chat-sdk-javascript ^4
  • 仅客户端 React 环境

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。