skills.rest
TencentBlueKing
TencentBlueKingOFFICIAL
Explore all skills by this author →
WebsiteGitHub

chat-x-custom-component

Create and integrate custom Chat-X message components through MessageContainer.

839|261|Updated Apr 18, 2019
Search Tags:#messaging#integration#vue#type-extension#custom-component#ui-rendering#chat-x
One-click install
npx skills add https://github.com/TencentBlueKing/bk-bcs --skill chat-x-custom-component
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chat-x-custom-component
Source: https://github.com/TencentBlueKing/bk-bcs/tree/main/bcs-services/bcs-project-manager/.cursor/skills/chat-x-custom-component
Command: npx skills add https://github.com/TencentBlueKing/bk-bcs --skill chat-x-custom-component

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

帮助开发者在 Chat-X 中扩展自定义消息类型，提升聊天应用的扩展性与 UI 表现。

Core Features & Use Cases

  • 定义自定义消息类型并实现渲染组件
  • 集成到 MessageContainer 以支持统一渲染
  • 应用场景包括 ECharts 图表消息、表单消息等自定义消息场景

Quick Start

将新的自定义消息类型注册到 Chat-X，实现 UI 组件并在 MessageContainer 中挂载进行渲染。

Frequently Asked Questions about chat-x-custom-component

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create custom message types in a Vue chat application?▼

You create custom message types by defining the bespoke message type, implementing its Vue UI rendering component, and registering it within MessageContainer for unified chat UI rendering.

What is MessageContainer used for when building chat interfaces?▼

MessageContainer provides unified rendering for chat interfaces by acting as the integration point where custom message components mount to display bespoke message types.

Can I render interactive charts like ECharts as custom chat messages?▼

Yes, you can render interactive ECharts charts as custom chat messages by building a bespoke message type and integrating its UI component through MessageContainer.

Do I need to follow type extension guidelines to add custom components to Chat-X?▼

Yes, adding custom components to Chat-X requires following type extension guidelines to ensure bespoke message types conform to rendering integration and testing standards.

What are the limitations of extending custom message types in Chat-X?▼

Extending custom message types in Chat-X requires strict adherence to type extension and testing guidelines to ensure UI components render correctly within MessageContainer without breaking unified rendering.

Related Skills

Explore More Software Engineering Skills→
tiantangcao1980-webtiantangcao1980-web
4

tdesign-chat

Render the tdesign-vue-next chat component with streaming, markdown, and tool-call features.

Community
Intermediate
DatTran26DatTran26

ck:test

Execute unit, integration, e2e, and UI tests with coverage reports.

Community
Advanced
spqwspqw

observable-framework-lib-echarts

Integrate Apache ECharts for interactive data visualizations in Observable Framework projects.

Community
Intermediate
kraftvaerkkraftvaerk

umbraco-property-editor-ui

Implement custom Umbraco property editor UIs with TypeScript and LitElement.

Official
Intermediate