tencent cloud

Chat

문서Chat

Install SKILL

다운로드
포커스 모드
폰트 크기
마지막 업데이트 시간: 2026-06-18 11:16:41
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:
CodeBuddy
Cursor
Codex Desktop
Claude Code CLI
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."
다음 주제: 제품 개요

도움말 및 지원

문제 해결에 도움이 되었나요?

피드백