Install any skill in seconds. Free to start, no credit card required.
Get Started Free →tencentblueking/蓝鲸 MagicBox 3.0 组件专家规则
设计稿还原规则。先输出布局分析报告,再按需加载模版
Passed 16 of 22 test cases with the skill, and 8 of 22 without it.
and 13 more in the full report
9 fixed8 passed either way6 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 9 test cases the skill fixed. Same model, same prompt, with and without the skill.
我们需要在 Vue3 页面中同时引入 Close, Search, Plus 三个图标,请写出符合规范的单行 ES Import 语句。
| Checked | Without skill | With skill |
|---|---|---|
| imports icons directly from bkui-vue/lib/icon | Missed | Passed |
| places icon imports inside a single import statement | Passed | Passed |
The instructions your model reads when the skill loads.
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
// ✅ 正确
test cases passed, vs 8 / 22 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.