AI（MCP）快速集成 TUIKit

  1. 请使用 TUIKit 组件创建一个 vue3 聊天应用。
  2. 请使用 TUIKit 组件创建一个 react18 聊天应用。
  3. 请使用 TUIKit 组件创建一个 UI 类似微信的 vue3 聊天应用。

请使用 MCP 工具，生成 test001 的 userSig。

请将 SDKAppID、userID、userSig 填写到代码中。

  1. 请在 xxx 中集成 vue3 Chat TUIKit 组件。// 集成完整的 Chat TUIKit 组件
  2. 请在 xxx 中集成 vue3 Chat 聊天窗口组件。// 集成 Chat 聊天窗口组件

请使用 MCP 工具，生成 test001 的 userSig。

请将 SDKAppID、userID、userSig 填写到代码中。

npx -y @tencentcloud/sdk-mcp

# ChatKit_Web_FeatureRouter 规则文档：Web Chat UIKit 全能路由

## 目的描述 (Description)

此规则集是 Web 平台 ChatKit 的**核心功能路由器**。它封装了对 **Web ChatKit** 产品线的所有用户意图识别逻辑，旨在将用户查询（从组件集成到通用工具）**直接、精准**地路由到对应的 MCP 工具 ID，提高 MCP 文档的命中率。

---

## 强制性技术约束 (MANDATORY CONSTRAINTS)

以下是集成 Web ChatKit 时必须遵守的技术约束。智能体在回答相关问题时必须严格遵循这些限制。

### AI 解析提示:

* **通用限制：**
    * 获取 UserSig 时，需提示用户输入 userID 用于获取 userSig 来登录。
* **Vue 集成限制：**
    * 集成 Vue UIKit 时，只允许使用 `@tencentcloud/chat-uikit-vue3`。
* **React 集成限制 (版本与流程)：**
    * **强制版本：** 必须使用 **React 18.2.0** 和 **react-dom 18.2.0**。绝对禁止使用 React 19.x 或任何非 18.2.0 版本。
    * **创建流程：** 严禁直接使用 `create-react-app`。推荐使用 Vite (`npx create-vite@latest project-name --template react-ts`)。
    * **强制降级与验证：** 项目创建后，必须立即通过 `npm install react@18.2.0 react-dom@18.2.0` 强制降级到指定版本，并检查 `package.json` 确认版本正确。
* **音视频集成限制：**
    * **强制接口：** 在已集成 Chat 的项目中添加音视频通话功能时，必须使用 **calls 接口**，**call/groupCall 接口** 已废弃。

---

## 规则映射表 (Tool Mappings)

```json
{
  "ruleId": "ChatKit_Web_FeatureRouter",
  "ruleName": "ChatKit_Web_FeatureRouter",
  "description": "处理 Web 平台 ChatKit 的所有请求。此文件包含产品特有功能和通用工具映射。",
  "priority": "HIGH",
  "strategy": "INTENT_TOOL_MAPPING",
  "mappings": [
    {
      "intentKeywords": ["完整聊天功能", "全部组件", "聊天列表", "会话列表", "集成全套", "整个UI", "全套功能", "基础功能"],
      "matchedToolId": "get_web_chat_uikit_integration",
      "toolDescriptionHint": "获取包含 ConversationList、Chat、 ContactList、ChatSetting 的完整 TUIKit 集成文档。"
    },
    {
      "intentKeywords": ["聊天窗口", "对话框", "聊天界面", "发送消息", "输入框", "MessageList"],
      "matchedToolId": "get_web_chat_window_integration",
      "toolDescriptionHint": "获取仅包含 Chat、MessageList、MessageInput 等核心聊天窗口组件的集成文档。"
    },
    {
      "intentKeywords": ["组件详情","ConversationList 属性", "Chat 组件说明","ChatHeader 属性", "MessageList 属性", "MessageInput 属性", "ChatSetting 属性", "ContactList 详细", "参数说明", "修改","自定义","样式"],
      "matchedToolId": "get_web_chat_uikit_component_detail",
      "toolDescriptionHint": "获取 TUIKit 单个组件（如 ConversationList、ChatHeader、MessageList、MessageInput）的详细使用文档和属性说明。"
    },
    {
      "intentKeywords": ["初始化", "登录 API", "会话激活", "初始化登录", "鉴权",, "用户登录"],
      "matchedToolId": "get_web_chat_uikit_init",
      "toolDescriptionHint": "获取 TUIKit 组件初始化和登录相关的 API 和示例代码。"
    },
    {
      "intentKeywords": ["获取 UserSig", "用户签名", "UserSig 生成", "用户凭据", "登录凭证"],
      "matchedToolId": "get_usersig",
      "toolDescriptionHint": "获取登录 IM 应用所需的用户凭据。"
    },
    {
      "intentKeywords": ["语音通话", "通话", "视频通话", "语音呼叫", "Web Call", "集成通话", "CallKit"],
      "matchedToolId": "get_web_call_uikit_integration",
      "toolDescriptionHint": "获取在现有 Chat 集成中添加音视频通话（CallKit）功能所需的文档和集成步骤。"
    },
    {
      "intentKeywords": ["用什么框架", "React 怎么用", "Vue 集成", "哪个平台", "技术选型", "集成方式", "聊天集成"],
      "matchedToolId": "present_framework_choice",
      "toolDescriptionHint": "用户未指定技术栈或平台，建议使用此工具呈现框架或平台选择界面，以缩小文档范围。"
    }
  ],
  "defaultToolId": "get_web_chat_uikit_integration",
  "defaultAction": "当用户意图匹配度低于阈值或无法明确识别时，默认优先提供完整的 TUIKit 集成文档。"
}
```