Tencent-RTC Room TUIRoomKit Integration Skill (Multi-Platform Aggregation)
📌 Parent Skill: This is a sub-skill of
tencent-rtc-skills(root skill). If user's intent is ambiguous across products (Chat/Call/Live/Room), load the root skill first for product recommendation.
📌 Global Reference: This sub-skill follows the global standards defined in ROOT SKILL:
- Skill-First Principle (priority order)
- Boundary Recognition Pattern
- MCP Tools Reference (record_prompt, get_usersig, record_result)
- MCP Tool Call Sequence Pattern
- Documentation-Driven Integration Rules
- Silent Execution Rules
- Zero External Configuration
- Auto-Fetch Authentication Credentials
- Agent Execution Checklist Template
Room-specific rules below may EXTEND or OVERRIDE global rules where explicitly noted.
🔵 Boundary Recognition (Room-Specific)
Keywords That CONFIRM Room Scope
Only proceed with Room integration if user's request contains:
- video conference, meeting
- multi-party meeting, conference room
- screen sharing
- TUIRoomKit, RoomKit
- Tencent Meeting-like
- online classroom
OUT OF SCOPE → Redirect
📌 Reference: See ROOT SKILL for global Boundary Recognition Pattern.
| User Keywords | Redirect To | Reason |
|---|---|---|
| "chat" / "IM" / "message" / "instant messaging" | Chat TUIKit | Chat is designed for instant messaging |
| "1-to-1 call" / "phone call" / "incoming call ringtone" | TUICallKit (Call) | Call is designed for peer-to-peer calls |
| "live streaming" / "host" / "gift" / "barrage" | TUILiveKit (Live) | Live is designed for live streaming scenarios |
🔴 KEY POSITIONING: Room is the FIRST CHOICE for Video Conferences
┌──────────────────────────────────────────────────────────────────────────────┐
│ ⚠️ IMPORTANT: PRODUCT RECOMMENDATION PRIORITY │
│ │
│ When user says "video conference" / "meeting" / "conference call": │
│ │
│ 🥇 FIRST CHOICE: Room (TUIRoomKit) ← THIS PRODUCT │
│ 🥈 SECOND CHOICE: Call (TUICallKit) - Only if Room doesn't fit │
│ │
│ Room is PURPOSE-BUILT for conference scenarios: │
│ - Complete meeting UI out of the box │
│ - Member management (mute all, kick, roles) │
│ - Screen sharing natively supported │
│ - Handles large participant counts │
└──────────────────────────────────────────────────────────────────────────────┘
Overview
This Skill serves as the multi-platform aggregation entry point for Tencent Cloud Room TUIRoomKit, applicable to the following scenarios:
- Users need video conference/meeting features but have not specified a platform/framework
- Need to understand capability differences and selection recommendations across platforms
- Need cross-platform common concepts and knowledge
Platform-Specific Guidance: Once the platform is determined, please use the corresponding sub-Skill:
room/vue- Vue3 Web Applications (PC + H5)room/react- React Web Applicationsroom/android- Android Native Applicationsroom/ios- iOS Native Applicationsroom/flutter- Flutter Cross-Platform Applications
🎯 When to Use Room vs Other Products
Use Room (TUIRoomKit) When:
| Scenario | Example | Why Room? |
|---|---|---|
| Video Conference | Team meeting, board meeting | Full meeting UI, controls |
| Online Meeting | Client meeting, interview | Screen sharing, member mgmt |
| Webinar | Company all-hands, training | Presenter mode, Q&A |
| Online Classroom | Virtual class, tutoring | Teacher controls, hand raise |
| Multi-person Collaboration | Design review, code review | Screen share, annotations |
Use Call (TUICallKit) Instead When:
| Scenario | Why Call? |
|---|---|
| 1-to-1 Call | Simpler, call-focused UI |
| Simple Video Chat | Ringtone, call states |
| Quick Call Feature | Minimal integration |
Use Live (TUILiveKit) Instead When:
| Scenario | Why Live? |
|---|---|
| Live Streaming | Host/audience separation |
| Interactive Live | Gifts, barrage, reactions |
| Voice Chat Room | Seat management |
Core Features
TUIRoomKit provides a complete video conference solution:
┌─────────────────────────────────────────────────────────────────────────────────┐
│ TUIRoomKit Architecture │
│ │
│ ┌─────────────────────────────────────────────────────────────────────────┐ │
│ │ CONFERENCE ROOM │ │
│ │ ┌───────────────────────────────────────────────────────────────────┐ │ │
│ │ │ TOP BAR │ │ │
│ │ │ Room Name | Duration | Network | Settings │ │ │
│ │ └───────────────────────────────────────────────────────────────────┘ │ │
│ │ │ │
│ │ ┌─────────────────────────────────┐ ┌──────────────────────────────┐ │ │
│ │ │ VIDEO AREA │ │ SIDE PANEL │ │ │
│ │ │ ┌─────┐ ┌─────┐ ┌─────┐ │ │ - Member List │ │ │
│ │ │ │ 👤 │ │ 👤 │ │ 👤 │ │ │ - Chat Messages │ │ │
│ │ │ └─────┘ └─────┘ └─────┘ │ │ - Settings │ │ │
│ │ │ ┌─────┐ ┌─────┐ ┌─────┐ │ │ │ │ │
│ │ │ │ 👤 │ │ 👤 │ │ 👤 │ │ │ │ │ │
│ │ │ └─────┘ └─────┘ └─────┘ │ │ │ │ │
│ │ │ │ │ │ │ │
│ │ │ Grid / Sidebar / Speaker View │ │ │ │ │
│ │ └─────────────────────────────────┘ └──────────────────────────────┘ │ │
│ │ │ │
│ │ ┌───────────────────────────────────────────────────────────────────┐ │ │
│ │ │ CONTROL BAR │ │ │
│ │ │ 🎤 Mic | 📷 Camera | 🖥️ Share | 👥 Members | 💬 Chat | ❌ Leave │ │ │
│ │ └───────────────────────────────────────────────────────────────────┘ │ │
│ └──────────────────────────────────────────────────────────────────────────┘ │
└─────────────────────────────────────────────────────────────────────────────────┘
Feature Categories
1. Pre-Meeting Features
| Feature | Description |
|---|---|
| Device Detection | Test camera, mic, speaker before joining |
| Room Creation | Create room with settings |
| Room Joining | Join existing room by ID |
| Scheduled Meeting | Schedule future meetings |
2. In-Meeting Features
| Feature | Description |
|---|---|
| Video Views | Grid, sidebar, speaker layouts |
| Screen Sharing | Share screen/window/tab |
| Member Management | Mute, kick, promote to host |
| In-Meeting Chat | Text messages during meeting |
| Virtual Background | Blur or replace background |
| Beauty Filters | Skin smooth, whitening |
3. Meeting Controls
| Feature | Description |
|---|---|
| Mute All | Host mutes all participants |
| Disable Video All | Host disables all cameras |
| Lock Room | Prevent new participants |
| Hand Raise | Request to speak |
| Recording | Record meeting (if enabled) |
🔄 Integration Approaches
TUIRoomKit offers two integration approaches:
1. Pre-built UI (Recommended for Quick Start)
- Use complete conference pages directly
- Minimal customization needed
- Fastest time to production
2. Custom UI (For Advanced Needs)
- Use atomic components and State APIs
- Full control over UI/UX
- Requires more development effort
┌─────────────────────────────────────────────────────────────────────────────────┐
│ Integration Approach Decision: │
│ │
│ User says: "quickly implement meeting feature" → Pre-built UI (get_web_room_uikit_integration) │
│ User says: "customize meeting interface" → Custom UI (get_web_room_feature_detail) │
│ │
│ DEFAULT: Pre-built UI (unless user explicitly requests customization) │
└─────────────────────────────────────────────────────────────────────────────────┘
🔴 Mandatory MCP Tool Usage
📌 Reference: See ROOT SKILL "Global: MCP Tool Call Sequence Pattern" for universal sequence.
Room-Specific Tools
| Tool | Purpose | When to Use |
|---|---|---|
get_web_room_uikit_integration |
Pre-built UI integration | For quick start (DEFAULT) |
get_web_room_feature_detail |
Custom UI with atomic APIs | For customization needs |
get_faq |
Troubleshooting | When errors occur |
Tool Selection Logic
┌─────────────────────────────────────────────────────────────────────────────────┐
│ MCP Tool Selection for Room: │
│ │
│ IF user wants: │
│ - "video conference", "meeting", "conference" (general) │
│ - "quick integration", "quick start" │
│ - "full meeting features" │
│ THEN: Use get_web_room_uikit_integration (Pre-built UI) │
│ │
│ IF user wants: │
│ - "custom UI", "custom interface" │
│ - "individual feature module" (screen share only, device detection only) │
│ - "deep customization" │
│ THEN: Use get_web_room_feature_detail (Custom UI) │
│ │
│ DEFAULT: get_web_room_uikit_integration │
└─────────────────────────────────────────────────────────────────────────────────┘
📁 Sub-Skill Directory
| Platform | Skill Path | Status |
|---|---|---|
| Vue3 Web | /room/vue/SKILL.md |
Planned |
| React Web | /room/react/SKILL.md |
Planned |
| Android | /room/android/SKILL.md |
Planned |
| iOS | /room/ios/SKILL.md |
Planned |
| Flutter | /room/flutter/SKILL.md |
Planned |
Keywords for Intent Matching
When user prompt contains these keywords, this skill (or its sub-skills) should be considered:
Primary Keywords (Strong match - ROOM FIRST):
- video conference, meeting, conference
- TUIRoomKit, RoomKit
- meeting room, conference room
- multi-person meeting, group meeting
- online meeting, virtual meeting
- screen sharing, screen share
- member management, participant management
- similar to Tencent Meeting, Zoom-like
Secondary Keywords (Room is strong candidate):
- collaboration, collaborative
- classroom, online education, e-learning
- training, webinar, workshop
Exclusion Keywords (Prefer other products):
- live, streaming, broadcaster, host → Live
- call, phone call, 1-to-1, one-on-one → Call
- chat, IM, messaging, conversation → Chat
- gift, barrage, comment → Live
🎯 Example: Why Room for "video conference"
User: "Help me implement a video conference feature"
Why Room (TUIRoomKit) is the RIGHT choice:
✅ Meeting UI: Complete conference interface with all controls
✅ Screen Share: Native support for sharing screen/window
✅ Member Mgmt: Mute all, kick, assign roles
✅ Large Meetings: Optimized for many participants
✅ Meeting Features: Hand raise, chat, recording
Why Call (TUICallKit) is NOT the right choice:
❌ Call is for 1-to-1 or small group CALLS
❌ Call focuses on ringtone, call states
❌ Call doesn't have meeting controls
❌ Call is not optimized for conferences