skills

给 AI 装上 Vue 3 最佳实践，写代码不再用老写法

开源 free 编程开发

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 2909

维护状态活跃

是否开源是

定价模式 free

项目预览

项目数据

分类编程开发

开发团队vuejs-ai

所属国家

官网地址

GitHubhttps://github.com/vuejs-ai/skills

定价模式free

价格说明开源免费，无在线服务

访问状态

是否开源是

开源协议MIT

主要语言

技术栈/模型

GitHub 星标★ 2909

30天Star增速

HF 下载量

上线时间2026-01-21 00:00:00

代码更新—

仓库体积—

本站数据更新—

维护状态活跃

中文支持

访问方式

移动端支持

综合评分

收录时间2026-10-19

浏览次数0

项目介绍

这是一个面向 Vue 3 开发的 Agent Skills 集合，本质是给 AI 编程助手（如 Claude Code、Cursor 等）使用的技能包/提示词规则库。它解决的问题是：通用大模型在写 Vue 3 代码时容易用过时写法（Options API、旧版响应式、错误的组合式函数用法），缺乏对 Vue 3 生态最新最佳实践的稳定掌握。项目把 Vue 3 的组件编写规范、组合式 API 用法、响应式陷阱、路由与状态管理约定等沉淀成结构化技能文件，让 Agent 在生成或修改 Vue 代码时按统一规范执行，从而提升代码一致性和正确率。核心能力包括：提供可被 Agent 加载的技能定义、覆盖常见 Vue 3 开发任务场景、约束输出风格与 API 选择，适合团队统一 AI 辅助编码规范。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

难度：入门约 5 分钟部署方式：命令行工具 6 步

环境要求

能执行 npx 命令的环境（即已安装 Node.js/npm）
一个支持 Agent Skills 的 AI 编程助手（如 Claude Code、Cursor 等）
Claude Code 用户也可改用其插件市场安装

安装与启动步骤

1安装技能包

在终端执行该命令，通过 skills CLI 拉取并安装 vuejs-ai/skills 仓库中的全部 Vue 3 技能。
```
npx skills add vuejs-ai/skills
```
2添加插件市场

Claude Code 用户的替代方式：先在会话中把该仓库添加为插件市场源。
```
/plugin marketplace add vuejs-ai/skills
```
3一次性装全部技能

从 vue-skills 市场安装打包好的全部技能集合，适合想整体启用的用户。
```
/plugin install vue-skills-bundle@vue-skills
```
4安装单个技能

只装需要的技能，例如 vue-best-practices；路由相关可换 vue-router-best-practices。
```
/plugin install vue-best-practices@vue-skills
```
5安装多个技能

一条命令同时安装多个技能，技能名之间用空格分隔。
```
/plugin install vue-best-practices@vue-skills vue-router-best-practices@vue-skills
```
6用前缀触发技能

提问时以 use vue skill 开头，可显著提高技能被触发的稳定性，避免触发不一致。
```
Use vue skill, 
```

如何确认成功

安装后在 AI 助手中输入“Use vue skill, 写一个 Vue 3 组件”，若按组合式 API 规范输出即生效。

常见问题

Q：为什么技能有时没被触发？

A：未加前缀时触发依赖提示词与技能描述关键词的匹配度，可能不稳定；在提示词前加 use vue skill 可显式触发。

Q：Claude Code 用户必须用 npx 安装吗？

A：不必，可通过 /plugin marketplace add vuejs-ai/skills 添加市场后，用 /plugin install 安装全部或单个技能。

Q：能只安装某一个技能吗？

A：可以，例如 /plugin install vue-best-practices@vue-skills，也可一次安装多个技能。

Q：安装后需要额外配置吗？

A：README 未提供额外配置项，安装完成后直接在提示词中使用即可。

注意事项

该项目目前是早期实验/社区项目，技能内容由真实问题提炼但可能因模型幻觉而不完整，使用前建议核对生成代码。
不加 use vue skill 前缀时技能触发可能不一致，建议养成加前缀的习惯。
作者计划在项目有价值时提议移交 Vue 官方组织，后续安装方式可能变化。

核心亮点

把 Vue 3 组合式 API、响应式易错点等最佳实践固化成 Agent 可加载的技能文件，直接约束 AI 输出
面向 Agent 场景设计，可接入 Claude Code 等支持 skills 机制的 AI 编程工具，落地成本低
聚焦 Vue 3 单一技术栈，规则集中、针对性强，比通用提示词更贴合实际开发

不足之处

项目较新、星标规模中等，技能覆盖范围和长期维护节奏有待观察
依赖特定 Agent 工具的 skills 加载机制，脱离该生态后复用价值有限

适用场景

团队用 AI 助手批量生成或重构 Vue 3 组件时统一代码风格
个人开发者让 AI 写 Vue 3 代码，避免混入 Options API 等过时写法
为内部 AI 编码规范沉淀可复用的技能包

替代项目

awesome-cursorrules、vue-best-practices

上一篇：deepseek-harness-desktop

下一篇：Autoloom