Menü
帮助开发者创建 @blueking/chat-x 自定义 message 组件。当用户需要开发自定义消息类型时使用。
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
Implement tasks from an OpenSpec change. Use when the user wants to start implementing, continue implementation, or work through tasks.
Archive a completed change in the experimental workflow. Use when the user wants to finalize and archive a change after implementation is complete.
Archive multiple completed changes at once. Use when archiving several parallel changes.
Continue working on an OpenSpec change by creating the next artifact. Use when the user wants to progress their change, create the next artifact, or continue their workflow.
Enter explore mode - a thinking partner for exploring ideas, investigating problems, and clarifying requirements. Use when the user wants to think through something before or during a change.
Fast-forward through OpenSpec artifact creation. Use when the user wants to quickly create all artifacts needed for implementation without stepping through each one individually.
| 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 规则判断是否需要加载