Menu
Vue 3 TypeScript, vue-tsc, Volar, Vite, component props, testing, composition API.
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/TencentBlueKing/bk-bcs --skill vue-best-practicesThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
文档园艺——持续维护 harness-engineering 产出的文档与项目实际状态的一致性。 支持 PR 轻量检查（代码变更后按需触发受影响维度）、全量深度扫描（十二维度完整检测） 和定向检测（targeted，指定单个组件/维度进行针对性巡检）。 完整扫描后：若存在 P1，向用户列出方案并请求确认，确认后与 P0 一并修复并提交；仅有 P0 时自动修复提交。 由 harness-engineering 按维护类触发词路由调用，不独立触发。
Harness 规范文档生成——harness-engineering 的子 skill，负责项目上下文感知、 信息收集、五大组件与技术规范文档的生成/修正、开发地图生成及总结报告。 由 harness-engineering 按生成类触发词路由调用，不独立触发。
Harness Engineering 编排器——为 AI Agent 构建运行环境规范。 通过触发词路由到两个子 skill：harness-generating（规范文档生成/修正） 和 harness-gardening（文档一致性巡检与修复）。 Use this skill whenever the user mentions Harness Engineering, AI Agent 运行环境, 驾驭工程, Agent 规范, 上下文工程, 架构约束, 熵管理, 工具能力, 执行与验证, 生成 Harness 文档, Agent 治理, AI 治理规范, 构建 Agent 环境, Agent harness, AGENTS.md, 词汇表, glossary, 文档园艺, 文档巡检, 检查文档一致性, 文档是否过时, harness gardening, 扫描文档, 园艺扫描, 开发地图, dev map, 生成开发地图, 更新开发地图, 项目地图, 代码索引, 源文件索引, 模块索引, 模块依赖, or any workflow involving Harness spec generation or document maintenance.
Based on SOC occupation classification
Showing SKILL.md
| name | vue-best-practices |
| description | Vue 3 TypeScript, vue-tsc, Volar, Vite, component props, testing, composition API. |
| license | MIT |
| metadata | {"author":"hyf0","version":"7.0.0"} |
| Rule | Keywords | Description |
|---|---|---|
| vue-tsc-strict-templates | undefined component, template error, strictTemplates | Catch undefined components in templates |
| fallthrough-attributes | fallthrough, $attrs, wrapper component | Type-check fallthrough attributes |
| strict-css-modules | css modules, $style, typo | Catch CSS module class typos |
| data-attributes-config | data-*, strictTemplates, attribute | Allow data-* attributes |
| volar-3-breaking-changes | volar, vue-language-server, editor | Fix Volar 3.0 upgrade issues |
| module-resolution-bundler | cannot find module, @vue/tsconfig, moduleResolution | Fix module resolution errors |
| unplugin-auto-import-conflicts | unplugin, auto-import, types any | Fix unplugin type conflicts |
| codeactions-save-performance | slow save, vscode, performance | Fix slow save in large projects |
| duplicate-plugin-detection | duplicate plugin, vite, vue plugin | Detect duplicate plugins |
| define-model-update-event | defineModel, update event, undefined | Fix model update errors |
| with-defaults-union-types | withDefaults, union type, default | Fix union type defaults |
| deep-watch-numeric | watch, deep, array, Vue 3.5 | Efficient array watching |
| vue-directive-comments | @vue-ignore, @vue-skip, template | Control template type checking |
| script-setup-jsdoc | jsdoc, script setup, documentation | Add JSDoc to script setup |
| vue-router-typed-params | route params, typed router, unplugin | Fix route params typing |
| Rule | Keywords | Description |
|---|---|---|
| hmr-vue-ssr | hmr, ssr, hot reload | Fix HMR in SSR apps |
| pinia-store-mocking | pinia, mock, vitest, store | Mock Pinia stores |
skill://vue-best-practices/rules/codeactions-save-performance.mdskill://vue-best-practices/rules/data-attributes-config.mdskill://vue-best-practices/rules/deep-watch-numeric.mdskill://vue-best-practices/rules/define-model-update-event.mdskill://vue-best-practices/rules/duplicate-plugin-detection.mdskill://vue-best-practices/rules/fallthrough-attributes.mdskill://vue-best-practices/rules/hmr-vue-ssr.mdskill://vue-best-practices/rules/module-resolution-bundler.mdskill://vue-best-practices/rules/pinia-store-mocking.mdskill://vue-best-practices/rules/script-setup-jsdoc.mdskill://vue-best-practices/rules/strict-css-modules.mdskill://vue-best-practices/rules/unplugin-auto-import-conflicts.mdskill://vue-best-practices/rules/volar-3-breaking-changes.mdskill://vue-best-practices/rules/vue-directive-comments.mdskill://vue-best-practices/rules/vue-router-typed-params.mdskill://vue-best-practices/rules/vue-tsc-strict-templates.mdskill://vue-best-practices/rules/with-defaults-union-types.md根据 SKILL.md 中的 IF-THEN 规则判断是否需要加载