Menü
Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
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.
Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.
npx skills add https://github.com/TencentBlueKing/bk-bcs --skill magicbox-30Der Befehl bleibt in einer Zeile. Scrollen Sie horizontal, um ihn vor dem Kopieren vollständig zu prüfen.
Sie bevorzugen eine lokale Kopie? Laden Sie die Dateien herunter, die SkillsMP derzeit vorliegen.
SKILL.md wird angezeigt
Basierend auf der SOC-Berufsklassifikation
| id | engineering/bkui-builder |
| name | 蓝鲸 MagicBox 3.0 组件专家规则 |
| category | engineering |
| description | 设计稿还原规则。先输出布局分析报告，再按需加载模版 |
| tags | ["vue3","bkui-vue","rules","template","expert"] |
| updated_at | 2026-01-19T00:00:00.000Z |
div 自创 sidebar/header/menu<bk-navigation><table>, <button>，必须用 bk-table, bk-buttonStep 1: 分析设计稿 - 判断：主题深/浅色？表格/表单页？菜单有图标？
Step 2: 加载模版 (FetchMcpResource, server: user-BKUI-Knowledge)
| 判断结果 | URI |
|---|---|
| 深色侧边栏 | skill://bkui-builder/assets/layouts/admin-layout-dark.vue |
| 浅色侧边栏 | skill://bkui-builder/assets/layouts/admin-layout-left.vue |
| 表格页+Tab | skill://bkui-builder/assets/pages/table-page.vue |
| 有图标 | skill://bkui-builder/references/visual-mapping.md |
Step 3: 参考模版生成代码
<bk-navigation navigation-type="left-right" need-menu default-open>
<template #menu>
<bk-menu :active-key="activeMenu" :opened-keys="['group-1']">
<bk-menu-item key="home">首页</bk-menu-item>
</bk-menu>
</template>
</bk-navigation>
⚠️ 属性名是
opened-keys，不是default-open-keys
// ✅ 正确
import { Search, Plus, Close } from 'bkui-vue/lib/icon';
// ❌ 错误: import { Search } from '@bkui-vue/icon';
skill://bkui-builder/references/code-snippets.md - 代码片段skill://bkui-builder/references/checklist.md - 质量检查skill://bkui-builder/references/checklist.mdskill://bkui-builder/references/code-snippets.mdskill://bkui-builder/references/visual-mapping.mdskill://bkui-builder/assets/layouts/admin-layout-dark.vueskill://bkui-builder/assets/layouts/admin-layout-left.vueskill://bkui-builder/assets/layouts/admin-layout-top.vueskill://bkui-builder/assets/pages/dashboard-page.vueskill://bkui-builder/assets/pages/detail-page.vueskill://bkui-builder/assets/pages/table-page.vueskill://bkui-builder/assets/pages/wizard-form.vue根据 SKILL.md 中的 IF-THEN 规则判断是否需要加载