SuperAPI AI 工具集

cometchat-customization

前端与建站

查看项目

更新于 10-15 20:14

技能介绍

用途:在已完成基础集成(存在 .cometchat/state.json)的前提下,对 CometChat React UI Kit 做超出 CLI 确定性命令范围的定制,例如自定义消息气泡、头部、空/加载/错误状态、过滤会话与消息、订阅消息事件、向消息操作菜单添加自定义动作。

主要能力:覆盖组件属性表、自定义视图插槽(headerView、subtitleView、tailView、optionsView、bubbleView、emptyView、loadingView、errorView 等)、消息模板覆盖(CometChatMessageTemplate 的 type、category、contentView、headerView、footerView)、请求构建器(ConversationsRequestBuilder、MessagesRequestBuilder、UsersRequestBuilder、GroupsRequestBuilder、CallLogsRequestBuilder)、SDK 事件(CometChatMessageEvents、CometChatUserEvents、CometChatGroupEvents、CometChatCallEvents、CometChatUIEvents)以及组件级 CSS 选择器。

使用方式:先运行 npx @cometchat/skills-cli info --json 确认 integrated 为 true,否则先执行 /cometchat。随后按四层发现顺序处理需求:已有组件属性、内置新组件、样式表变量、示例应用实现。优先使用组合(自定义视图属性)而非 CSS 覆盖。生成代码前必须查阅官方文档,可通过 cometchat-docs MCP(claude mcp add --transport http cometchat-docs https://www.cometchat.com/docs/mcp)或公开文档站点查询,不得凭记忆编造属性名、构建器方法、事件主题或 CSS 类。

适用场景:修改消息列表、过滤会话、调整气泡颜色/形状/布局、添加自定义头部、监听消息事件、自定义加载状态、注入自有 UI 等。

限制:不用于启用打包功能(用 cometchat-features)、修改主题令牌(用 cometchat-theming)、新建集成(用 cometchat dispatcher)或修复故障(用 cometchat-troubleshooting)。部分组件(如 CometChatAddMembers、CometChatTransferOwnership、CometChatBannedMembers、CometChatBlockedUsers、CometChatNewChat、CometChatCreateGroup、CometChatDetails)属于示例应用而非 npm 包导出,需复制示例实现。文档 MCP 不索引示例应用,需另行检查 GitHub。