Agent skill
BKUI 组件属性速查表
高频易错属性映射和避坑指南
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/bkui-cheatsheet
SKILL.md
BKUI 组件属性速查表
还原设计稿时，严格遵守以下属性映射，严禁使用 ElementUI/AntD 的属性名。
⚠️ 高频错误速查
| 组件 | 错误 | 正确 |
|---|---|---|
| Button | type="primary" |
theme="primary" |
| Input | prefix-icon="xx" |
<template #prefix> |
| Icon | <i class="bk-icon..."> |
import { Plus } from 'bkui-vue/lib/icon' |
| Dialog | v-model="show" |
v-model:isShow="show" |
| Table | 忘记 remote-pagination |
远程分页必须加 |
| DatePicker | shortcuts.value: [] |
shortcuts.value: () => [] |
基础组件
<!-- Button -->
<bk-button theme="primary">主要</bk-button>
<bk-button text theme="primary">编辑</bk-button>
<!-- Icon -->
<script setup>
import { Plus, Search } from 'bkui-vue/lib/icon';
</script>
<!-- Input -->
<bk-input v-model="value">
<template #prefix><Search /></template>
</bk-input>
表格开发
<bk-table :data="list" :pagination="pagination" remote-pagination>
<bk-table-column label="名称" prop="name" />
<bk-table-column label="操作">
<template #default="{ row }">
<bk-button text theme="primary">编辑</bk-button>
</template>
</bk-table-column>
</bk-table>
分页对象:
{ current, limit, count }
📦 按需加载资源
| 资源 | URI |
|---|---|
| 复杂组件 | skill://bkui-cheatsheet/references/complex-components.md |
📦 可用资源
skill://bkui-cheatsheet/references/complex-components.md
根据 SKILL.md 中的 IF-THEN 规则判断是否需要加载
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?