什么是agent skills-编程阁

agentskills

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

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

什么是agentskills?

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

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

优势：

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

怎么使用vue-skill

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

安装

方法一：使用 npx（推荐）

安装单个技能：

npx skillsaddvuejs-ai/skills vue-best-practicesnpx skillsaddvuejs-ai/skills vue-development-guidesnpx skillsaddvuejs-ai/skills create-adaptable-composable

安装多个技能：

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

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

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

# 先添加市场（如果还没添加）/plugin marketplaceaddvuejs-ai/skills# 安装单个技能/plugininstallvue-best-practices@vue-skills/plugininstallvue-development-guides@vue-skills/plugininstallcreate-adaptable-composable@vue-skills# 或者一次性安装多个/plugininstallvue-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