agent skills

在 AI 辅助编程实践中，为确保 AI 输出的准确性和一致性，项目往往依赖日益详尽的规范文档进行约束与引导。这直接导致两个问题：规范本身难以维护，以及每次对话的上下文负载过重，造成显著的 Token 开销与效率下降。要解决这一核心矛盾，可以引入 Agent Skills 架构范式。

https://claudecn.com/docs/agent-skills/

什么是agent skills?

agent skills就是模块化能力系统，用来扩展ai的技能。用来将固定的文本规范，转化为模块化、可执行、可调用的标准化技能。

通俗点来说，就是将一些技能封装成我们所做的规范文档，提示词，主要是他可以按需使用，自动加载，不需要我们每次都将文档的规范传递给他。

优势：

• 一套技能，多个项目可以复用。
• 按需获取，不需要每次加载整个文档，减少token的使用。
• 自带脚本，脚本的能力可以减少占用上下文，AI直接去读取他的脚本，而不需要读取很多的内容。

怎么使用vue-skill

详情参考：https://blog.csdn.net/weixin_45866961/article/details/157615472?spm=1001.2014.3001.5501

安装

方法一：使用 npx（推荐）

安装单个技能：

npx skills add vuejs-ai/skills vue-best-practices
npx skills add vuejs-ai/skills vue-development-guides
npx skills add vuejs-ai/skills create-adaptable-composable

安装多个技能：

npx skills add vuejs-ai/skills vue-best-practices vue-development-guides create-adaptable-composable

方法二：使用 Cursor 的插件系统

如果使用 Claude Code，可以这样安装：

# 先添加市场（如果还没添加）
/plugin marketplace add vuejs-ai/skills
# 安装单个技能
/plugin install vue-best-practices@vue-skills
/plugin install vue-development-guides@vue-skills
/plugin install create-adaptable-composable@vue-skills
# 或者一次性安装多个
/plugin install vue-best-practices@vue-skills vue-development-guides@vue-skills

使用：

ai会根据问题调用相应的技能：

Use vue skill, 帮我优化这个组件的响应式数据使用
Use vue skill, 如何将这个逻辑抽取成 composable？
Use vue skill, 为什么这个 watch 没有触发？

构成

如下图：是cursor提供的一个项目级技能目录。

参考：https://cursor.com/cn/docs/context/skills#skillmd

.cursor/
└── skills/
    └── my-skill/
        ├── SKILL.md # 必需：指令和元数据
        ├── scripts/ # 可选：可执行脚本
        │   ├── deploy.sh
        │   └── validate.py
        ├── references/  # 可选：参考文档
        │   └── REFERENCE.md
        └── assets/# 可选：模板和资源
            └── config-template.json

详细内容参考：

https://aicoding.juejin.cn/post/7599604510366236710