Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →tencentblueking/chat-x-custom-component
帮助开发者创建 @blueking/chat-x 自定义 message 组件。当用户需要开发自定义消息类型时使用。
Passed 22 of 24 test cases with the skill, and 6 of 24 without it.
and 22 more in the full report
18 fixed5 passed either way1 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 18 test cases the skill fixed. Same model, same prompt, with and without the skill.
From which package module is useMessageSlotId imported when building Chat-X custom components?
| Checked | Without skill | With skill |
|---|---|---|
| Imports useMessageSlotId from @blueking/chat-x | Missed | Passed |
The instructions your model reads when the skill loads.
自定义 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">
test cases passed, vs 6 / 24 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.