メニュー
Vue 3 TypeScript, vue-tsc, Volar, Vite, component props, testing, composition API.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Implement tasks from an OpenSpec change. Use when the user wants to start implementing, continue implementation, or work through tasks.
Archive a completed change in the experimental workflow. Use when the user wants to finalize and archive a change after implementation is complete.
Archive multiple completed changes at once. Use when archiving several parallel changes.
Continue working on an OpenSpec change by creating the next artifact. Use when the user wants to progress their change, create the next artifact, or continue their workflow.
Enter explore mode - a thinking partner for exploring ideas, investigating problems, and clarifying requirements. Use when the user wants to think through something before or during a change.
Fast-forward through OpenSpec artifact creation. Use when the user wants to quickly create all artifacts needed for implementation without stepping through each one individually.
| 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 规则判断是否需要加载