Overview

产品概述

vue-skills 是一个早期实验 / 社区项目，旨在为 AI 代理创建专门技能以增强 Vue 3 开发体验。它可通过 npx 或 Claude Code Marketplace 安装，并支持使用 ‘use vue skill’ 前缀显式触发技能，从而让 AI 遵循文档化模式。技能源自真实世界问题，但可能因幻觉而不完整。项目提供 vue-best-practices、vue-options-api-best-practices、vue-router-best-practices、vue-pinia-best-practices、vue-testing-best-practices、vue-jsx-best-practices、vue-debug-guides 和 create-adaptable-composable 等技能，并通过自动化评估验证每条规则的有效性。

Capabilities

核心能力

Vue 3 开发技能集合

提供面向 Vue 3 开发的专门 Agent 技能，涵盖 Composition API、TypeScript、路由、状态管理、测试、JSX、调试与可复用组合式函数等主题。

显式技能触发与安装

支持通过 'use vue skill' 前缀显式触发技能，确保 AI 遵循文档化模式；也可通过 npx skills add 或 Claude Code Marketplace 安装。

自动化规则验证

每条技能规则通过自动化评估验证：对比无技能基线与有技能基线，只有能帮助模型解决原本无法解决问题的规则才会保留。

Use Cases

适用场景

01
Vue 3 应用开发与重构
例如创建 Todo 应用时使用 vue-best-practices 技能，将组件拆分、状态抽取到 composables（如 useTodos.ts），并对原始响应式数据使用 shallowRef，提升代码可读性。
02
创建可复用组合式函数
通过 create-adaptable-composable 技能设计支持 MaybeRef / MaybeRefOrGetter 输入参数的组合式函数，例如 useHidden 演示。
03
稳定触发 Vue 技能
在提示词前加上 'use vue skill' 前缀，以保证 AI 稳定加载 Vue 技能；不加前缀时触发可能不一致。