在 AI 编程助手日益普及的今天，如何让 AI 更好地理解和应用 Vue 3 的最佳实践成为了一个重要课题。Vue Skill 项目应运而生，它为 AI Agent 提供了一套专门针对 Vue 3 开发的技能库，让 AI 生成更高质量、更符合规范的代码。

Vue Skill 是什么

Vue Skill 是一个专为 Vue 3 开发设计的 AI Agent 技能库项目，是一个社区驱动的开源项目。它的目标是为 AI 助手提供专门的技能，使其能够更好地理解和应用 Vue 3 的开发模式、最佳实践和常见问题解决方案。

项目包含哪些 Skills？

如何安装

Vue Skill 提供了两种安装方式，方便不同使用场景的开发者：

方式一：使用 npx 命令

# 安装全部
npx skills add vuejs-ai/skills
# 安装单个
npx skills add https://github.com/antfu/skills --skill vue

安装全部

方式二：Claude Code Marketplace

# 添加 Marketplace
/plugin marketplace add vuejs-ai/skills

# 安装单个技能
/plugin install create-adaptable-composable@vue-skills

# 安装多个技能
/plugin install create-adaptable-composable@vue-skills vue-best-practices@vue-skills vue-development-guides@vue-skills

在支持 Agent Skills 的 AI 工具中启用

目前已经支持或正在支持 Agent Skills 的工具包括：

• VS Code Agent / GitHub Copilot
• Claude Code
• Cursor
• Gemini CLI
• Antigravity 等
  只要工具支持 Agent Skills，安装完成后一般不需要你手动“开启”。

如何使用

安装完成 Vue Skill 后，不需要去改变写代码方式， AI 会自动调用这些技能辅助理解

如

写一个 Vue3 dialog 组件,支持全屏，加载中等属性

也可以显示调用

Use vue skill,写一个 Vue3 dialog 组件,支持全屏，加载中等属性

结语

Vue Skill 项目代表了 AI 辅助开发的一个重要方向——通过专门的技能库来提升 AI 对特定技术栈的理解和应用能力。对于 Vue 3 开发者来说，这个项目提供了一个强大的工具，可以帮助他们在日常开发中获得更专业、更符合最佳实践的代码建议。