Install SKILL
Skill offers both Chat Knowledge Q&A and Web Vue3 Headless (State API) Integration Solutions. Once installed, you can ask questions about SDK usage, error codes, billing, REST API, and other topics, or start integrating a Vue3 headless chat feature from the ground up.
Chat Knowledge Q&A
After installation, you can ask the AI questions about Chat directly. Answers are sourced from official documentation:
Knowledge Type | Coverage |
SDK API | Information about API initialization parameters, platform differences, and version migration for APIs such as createXXXMessage, sendMessage, login, and more. |
UIKit Components | Usage of UI components across platforms, including ConversationList, MessageList, MessageInput, ContactList, Search, etc. |
Error Code Troubleshooting | SDK error codes (2xxx/3xxx/8xxx), server error codes (message, group, relationship chain, account, profile, etc.). |
Product Billing & Configuration | Pricing, Free Quota, package purchasing, capability limits, multi-client login configuration, intranet proxy. |
REST API | Server API calls, account import, server message sending. |
Server Webhook | Webhook configuration, message sending webhook, third-party webhook. |
Platform Support | Web / Mini Program / Android / iOS / Flutter / uni-app (packaged app). |
Vue3 Headless Integration
Skill is a headless Vue 3 integration layer for Chat. Its State API wraps the Chat SDK and exposes reactive, Vue-optimized data bindings, letting you implement core chat features without writing boilerplate from scratch.
Just describe what your app needs, and Skill will automatically do the following:
Skill Capabilities | Description |
Complete Chat Workflow | Authentication, UI rendering, and state management. |
Business Customization | Request an "order card" or "coupon card" directly within a conversation, and Skill will recognize and integrate it into your chat (supports custom card injection). |
Style Alignment | For existing projects, Skill reads your current code context and incrementally integrates features while preserving your established coding style. |
Install TRTC Skill
Skill supports installation in CodeBuddy, Cursor, Codex Desktop, and Claude Code CLI. To install, navigate to your project root directory and execute the following command:
npx @tencent-rtc/chat-custom-integration@latest add --ide codebuddy
npx @tencent-rtc/chat-custom-integration@latest add --ide cursor
npx @tencent-rtc/chat-custom-integration@latest add --ide codex
npx @tencent-rtc/chat-custom-integration@latest add --ide claude
Quick Start Guide
After installation, enter your requirements directly in the IDE dialog. For example:
1. Knowledge Q&A
Official documentation for Tencent Cloud Chat group message webhook, group chat message recall webhook, and group single message read receipt webhook; CallbackCommand and main fields; used for backend associating local thread via GroupId, without relying on CloudCustomData.
2. Integrate full-featured chat
I want to build an instant messaging app like WhatsApp — users should be able to send text, images, and videos.
3. Integrate only the chat window
I want to add a customer support chat widget to an e-commerce site. Users should be able to send text and images. The chat window should open when a user clicks the support button in the bottom-right corner of the page.
Get the Best Results
For best results, prompt Skill using one of these approaches:
Build from Scratch — Starting a new integration: "Help me integrate Chat to build a [use case, e.g. live customer support] with [feature A] and [feature B]."
Rich Card Integration — Embedding a rich card component into the chat window: "Help me integrate Chat and add a [product order] card to the chat window, with tap-to-navigate support."
Style-matched Feature Extension — Adding to an existing chat UI while preserving its look and feel: "In my existing chat window, add a [custom quick reply] feature — make sure it matches the current styles."
