最近,Vue/Vite 核心成员 Anthony Fu 发布了 antfu/skills 项目,引发了社区热议。这不仅是一个新工具,更标志着 AI 辅助编程正在从“通用大模型”向“精细化上下文管理”转型。本文将带你了解什么是 AI Skills,以及它为何能解决 AI 写过时代码的痛点。


在 AI 辅助编程(AI Coding)日益普及的今天,我们经常遇到一个尴尬的场景:你让 ChatGPT 或 Cursor 写一个 Vue 组件,它却给你吐出了一段 Vue 2 的 Options API 代码,或者使用了一些两年前就已经废弃的配置写法。

为什么会这样?因为大模型是基于历史数据训练的,它不懂“最新”,也不懂“最佳实践”。

最近,前端圈的一个新名词 "Skills" 开始频繁出现,特别是 Anthony Fu 发布的 antfu/skills 项目,正是为了解决这个问题而生。

什么是 AI 的 "Skills"?

在 AI Agent(智能体)的语境下,大模型(LLM)被视为大脑,而 Skills(技能) —— 有时也被称为 Tools(工具)或 Context(上下文)—— 则是它的外挂知识库和手脚。

如果不加干预,AI 就像一个虽然博学但仅仅读过 2023 年之前旧书的程序员。

Skills 的作用,就是把最新的“参考手册”和“操作指南”塞给 AI。

为什么我们需要 antfu/skills

虽然我们可以通过 Prompt(提示词)告诉 AI “请使用 Vue 3.5 的写法”,但这非常依赖开发者个人的 Prompt Engineering 能力。

antfu/skills 的核心价值在于:它是由框架作者维护的标准答案。

1. 解决“版本时差”问题

AI 最容易犯的错误就是“幻觉”和“过时”。Anthony Fu 的这个项目通过自动化脚本,从 Vue, Nuxt, Vite, Vitest 等官方文档中抓取最新的核心概念和 API 变动。

当你向 AI 注入这个 Skill,它瞬间就从“凭借旧印象写代码”变成了“看着最新官方文档写代码”。

2. 也是一种 Opinionated(独断)的最佳实践

除了官方文档,该项目还包含了一个 antfu 专属 Skill。这是 Anthony Fu 基于维护数十个开源项目的经验,总结出的一套高效开发流:

  • 如何配置最高效的 ESLint 规则?
  • 如何使用 UnoCSS 进行原子化开发?
  • 目录结构应该如何组织?

通过使用这个 Skill,你可以让 AI 直接复刻顶尖开发者的工程化思维。

技术原理:MCP 与上下文工程

antfu/skills 的出现并非偶然,它背后对应的是 MCP (Model Context Protocol) 协议的兴起。

  • 过去:我们需要手动把文档复制粘贴给 ChatGPT。
  • 现在:通过 npx skills 命令行工具生成 Prompt。
  • 未来 (MCP) :你的 IDE(如 Cursor, Windsurf)将原生支持 MCP 协议。你只需要在设置里勾选“Vue Skills”,IDE 就会自动连接到这个知识库。

这意味着,以后“如何写出高质量代码”的 Prompt,不再需要我们自己去摸索,而是由开源库的作者直接提供。

实际使用场景

虽然该项目还在早期阶段,但我们已经可以这样利用它:

  1. 生成高质量配置

    当你需要初始化一个 Vite + Vue + TS 项目时,使用 Skill 生成的配置,一定是目前最符合生态标准的,没有任何过时依赖。

  2. 代码审查 (Code Review)

    你可以将 antfu/skills 的规则作为系统提示词(System Prompt),让 AI 检查你的现有代码:“根据这些最佳实践,我的代码有什么可以优化的地方?”

  3. 学习最新特性

    甚至不需要写代码,你可以直接问 AI:“根据 Vue Skill,3.5 版本引入的 useTemplateRef 和旧的 ref 有什么区别?” AI 会基于最新的上下文给你准确解答。

总结

antfu/skills 的发布释放了一个重要信号:Prompt Engineering(提示词工程)正在转变为 Context Engineering(上下文工程)。

未来的开发者可能不再需要背诵复杂的 API,也不需要费尽心思去调教 AI。我们只需要选择合适的 Skills —— 就像给游戏角色装备不同的技能卡片一样 —— 就能让通用的 AI 瞬间变身为特定领域的资深专家。

对于 Vue/Vite 生态的开发者来说,这无疑是一个必须关注的利器;而对于其他领域的开发者,这也预示着一种全新的 AI 协作模式即将到来。


项目地址:github.com/antfu/skill…

本站提供的所有下载资源均来自互联网,仅提供学习交流使用,版权归原作者所有。如需商业使用,请联系原作者获得授权。 如您发现有涉嫌侵权的内容,请联系我们 邮箱:alixiixcom@163.com