Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
직접 명령은 검토 Prompt를 거치지 않습니다. 실행하기 전에 소스를 확인하세요.
npx skills add https://github.com/TencentBlueKing/bk-bcs --skill bkui명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.
로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.
SOC 직업 분류 기준
SKILL.md 표시 중
| id | eng-bkui-cheatsheet |
| name | BKUI 组件属性速查表 |
| category | engineering |
| description | 高频易错属性映射和避坑指南 |
| tags | ["bkui","cheatsheet","props","pitfalls"] |
| updated_at | 2026-01-16T00:00:00.000Z |
还原设计稿时，严格遵守以下属性映射，严禁使用 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 规则判断是否需要加载