AI Coding skills for TRTC Chat (IM) — for CodeBuddy / Cursor / Claude Code CLI / Codex 桌面版

TRTC Chat (IM) 的 AI 集成 Skill，也是一份随身 IM 知识库——安装后可以提问 SDK 用法、错误码、计费、REST API 等知识问题，也可以从零开始集成 IM 聊天功能。

两大能力

📖 IM 知识咨询

安装后，你可以直接向 AI 提问 IM 相关的知识问题，AI 会从官方文档检索答案：

| 知识类型 | 覆盖范围 | |----------|----------| | SDK API | createMessage、sendMessage、login、初始化参数、平台差异、版本迁移 | | TUIKit 组件 | TUIChat、TUIConversation、TUIContact、TUISearch、各平台 UIKit（Android/iOS/Flutter/uni-app/Vue3/React） | | 错误码排障 | SDK 错误码（2xxx/3xxx/8xxx）、服务端错误码（消息/群组/关系链/账号/资料等）、UserSig 生成 | | 产品计费与配置 | 价格、免费额度、套餐购买、能力限制、多端登录配置、内网代理 | | REST API | 服务端接口调用、导入账号、服务端发消息 | | 服务端回调 | Webhook 配置、发消息回调、第三方回调 | | 平台支持 | Web / 小程序 / Android / iOS / Flutter / uni-app（打包app）|

示例知识咨询提问：

Web SDK sendMessage 的参数有哪些？

错误码 22007 是什么意思？

群人数上限是多少？

Flutter TUIKit 怎么实现自定义消息？

服务端怎么发消息？

💡 不需要项目上下文也能直接提问。如果你已有集成 IM 的项目，AI 会自动复用项目信息，无需重复填写 SDKAppID 和平台。

🧩 代码集成

通过 Skill 方式集成 tuikit-atomicx-vue3 State API，您无需阅读官方文档，完成一次基础聊天功能集成大约需要 10–15 分钟：

• 0→1 集成：从空项目一次性生成"登录鉴权 + 登录页 + 会话列表 + 消息列表 + 消息输入 + 文本发送"完整闭环。首条需求里如果带上额外功能描述（如"要订单卡片"/"要商品卡片"/"要优惠券卡片"），AI 会自动识别并一并集成（最多 3 个）。
• 已有项目增量（仅限通过 tuikit-atomicx-vue3 State API 集成的项目）：用大白话描述需求，AI 按项目现有风格自由生成。

快速开始

按你使用的 IDE 选择对应命令：

CodeBuddy

npx @tencent-rtc/chat-custom-integration@latest add --ide codebuddy

Cursor

npx @tencent-rtc/chat-custom-integration@latest add --ide cursor

Claude Code CLI

npx @tencent-rtc/chat-custom-integration@latest add --ide claude

Codex 桌面版

npx @tencent-rtc/chat-custom-integration@latest add --ide codex

安装后直接在 IDE 对话框输入需求即可，例如：

我想用 chat 实现一个类似企业微信的沟通工具，用户可以发文本消息/图片消息/视频消息。

我想用 chat 实现一个在线商城的客服功能，需要能发文本消息/图片消息，用户点击页面右下角客服按钮后弹出聊天窗口。

如何获得最佳集成效果

建议使用以下模式触发 Skill：

从 0 开发

帮我集成 IM，实现一个在线客服，要求包含会话列表、消息收发

业务卡片注入

帮我集成 IM，在聊天窗口中添加一个商品订单卡片组件，支持点击跳转

风格化增量

在现有聊天窗口的基础上，帮我增加一个自定义快捷回复功能，风格需与当前代码保持一致

支持

| 维度 | 当前 | |---|---| | IDE | codebuddy / cursor / claude code cli / codex 桌面版 | | 集成方式 | State API（基于 tuikit-atomicx-vue3）/ vue3 | | 知识咨询平台 | Web / 小程序 / Android / iOS / Flutter / uni-app / Vue3 / React |

License

MIT