Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Get Started Free →

蓝鲸 MagicBox 3.0 组件专家规则 — measured AI agent skill | DecimalAI

tencentblueking/蓝鲸 MagicBox 3.0 组件专家规则

NewSkillScoreMaintained

设计稿还原规则。先输出布局分析报告，再按需加载模版

Frontendby tencentblueking

Links this skill to your agents and keeps it current with the author’s updates.

Automatic

Frontend / UI pack

1 · One-time — install the CLI (docs ↗)

pip install decimalai

2 · Get the skill — writes .claude/skills/tencentblueking-magicbox-3-0/SKILL.md

decimalai skills pull tencentblueking-magicbox-3-0 --out .claude/skills/

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/tencentblueking-magicbox-3-0/SKILL.md https://app.decimal.ai/s/tencentblueking-magicbox-3-0/SKILL.md

Raw file: /s/tencentblueking-magicbox-3-0/SKILL.md ↗ · machine-readable summary at /s/tencentblueking-magicbox-3-0.json ↗

In productionGlobal

how this skill behaves on real traffic · last 30 days

No production data for this skill yet — usage numbers appear here once agents start running it.

Anonymized aggregate across every org using this skill — proof from real production use, not a demo.

Does this skill help? · Benchmark: with vs. withoutsign in to run this on your agents

23 test cases from the publisher’s eval.yaml · each run twice on gemini-3.6-flash — with the skill injected, then without · last run 9h ago

Yes — +39% lift-18% tokens0% turns74% of whole cases pass with skill (17/23)

Test case	Without → With	Effect	Δ tokens	Δ turns
case-08	✗→✓	▲ Improved	-40%	0%
case-03	✗→✓	▲ Improved	-59%	0%
case-06	✗→✓	▲ Improved	-31%	0%
case-09	✗→✓	▲ Improved	-18%	0%
case-13	✗→✓	▲ Improved	-40%	0%

Showing 5 of 23 cases

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/3/2026

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

tencentblueking / bk-bcs

bcs-services/bcs-project-manager/.cursor/skills/bkui-builder/SKILL.md

View on GitHub ↗

License NOASSERTIONImported 8/3/2026Version v1

Skill contents

SKILL.md

蓝鲸 MagicBox 3.0 组件专家规则

⚠️ 绝对禁令

禁止手写布局: 严禁用 div 自创 sidebar/header/menu
强制组件化: 页面骨架必须用 <bk-navigation>
禁止原生标签: 严禁 <table>, <button>，必须用 bk-table, bk-button

🔥 还原流程

Step 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: 参考模版生成代码

基础结构

html
<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

Icon 导入

typescript
// ✅ 正确
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.md
skill://bkui-builder/references/code-snippets.md
skill://bkui-builder/references/visual-mapping.md
skill://bkui-builder/assets/layouts/admin-layout-dark.vue
skill://bkui-builder/assets/layouts/admin-layout-left.vue
skill://bkui-builder/assets/layouts/admin-layout-top.vue
skill://bkui-builder/assets/pages/dashboard-page.vue
skill://bkui-builder/assets/pages/detail-page.vue
skill://bkui-builder/assets/pages/table-page.vue
skill://bkui-builder/assets/pages/wizard-form.vue

> 根据 SKILL.md 中的 IF-THEN 规则判断是否需要加载

Want to see if tencentblueking/蓝鲸 MagicBox 3.0 组件专家规则 would activate on your phrasing? Try it before you install — no LLM call, no signup.

Other measured skills in the registry, with their headline benchmark lift.