Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →帮助开发者创建 @blueking/chat-x 自定义 message 组件。当用户需要开发自定义消息类型时使用。
.claude/skills/tencentblueking-chat-x-custom-component/SKILL.md| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-02 | ✗→✓ | ▲ Improved | -18% | 0% |
| case-07 | ✗→✓ | ▲ Improved | -8% | 0% |
| case-08 | ✗→✓ | ▲ Improved | -7% | 0% |
| case-09 | ✗→✓ | ▲ Improved | -11% | 0% |
| case-10 | ✗→✓ | ▲ Improved | 51% | 0% |
自定义 message 组件允许你扩展内置消息类型、渲染任意 UI 组件。
1. 声明类型扩展 → 2. 创建组件 → 3. 集成到 MessageContainer → 4. 测试typescriptimport { type BaseMessage } from '@blueking/chat-x'; declare global { interface AIBluekingMessageMap { custom: BaseMessage<'custom', { content: string }>; } }
typescriptimport { 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 规则判断是否需要加载
Other measured skills in the registry, with their headline benchmark lift.