用 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 规则判断是否需要加载