القائمة
帮助开发者创建 @blueking/chat-x 自定义 message 组件。当用户需要开发自定义消息类型时使用。
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/TencentBlueKing/bk-bcs --skill chat-x-custom-componentيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| name | chat-x-custom-component |
| description | 帮助开发者创建 @blueking/chat-x 自定义 message 组件。当用户需要开发自定义消息类型时使用。 |
自定义 message 组件允许你扩展内置消息类型、渲染任意 UI 组件。
1. 声明类型扩展 → 2. 创建组件 → 3. 集成到 MessageContainer → 4. 测试
import { type BaseMessage } from '@blueking/chat-x';
declare global {
interface AIBluekingMessageMap {
custom: BaseMessage<'custom', { content: string }>;
}
}
import { useMessageSlotId } from '@blueking/chat-x';
const { messageSlotId } = useMessageSlotId();
// 用于 Teleport: <Teleport :to="messageSlotId">
skill://chat-x-custom-component/references/api-reference.mdskill://chat-x-custom-component/references/best-practices.mdskill://chat-x-custom-component/references/full-example.mdskill://chat-x-custom-component/references/integration-guide.mdskill://chat-x-custom-component/references/type-extension.mdskill://chat-x-custom-component/references/QA.mdskill://chat-x-custom-component/references/api-reference.mdskill://chat-x-custom-component/references/best-practices.mdskill://chat-x-custom-component/references/component-templates.mdskill://chat-x-custom-component/references/full-example.mdskill://chat-x-custom-component/references/integration-guide.mdskill://chat-x-custom-component/references/type-extension.md根据 SKILL.md 中的 IF-THEN 规则判断是否需要加载