过去一年，AI 写代码的能力提升得非常快。
从最早的代码补全，到现在直接生成完整组件、页面甚至项目骨架，AI 已经成了很多开发者日常工作的一部分，甚至是 100%。
但用得越久，问题也越明显：AI 能写代码，不代表它懂框架的最佳实践。
最近，一个新的概念开始出现，并且迅速被 React 和 Vue 社区接纳——Skills。
什么是 Skills？
先说结论：Skills 不是库，不是工具，也不是给浏览器跑的 npm 包。
Skills 本质上是一套 专门给 AI 编程 Agent 使用的“结构化开发指南”。
你可以把它理解为：
把官方文档、最佳实践、常见坑，整理成 AI 能直接理解和调用的知识单元。
它解决的问题不是“怎么写代码”，而是：怎么按官方推荐、工程规范、成熟经验去写代码。
React Skills：Vercel 官方的 AI React 最佳实践集
React Skills 来自 Vercel Labs 的 agent-skills 仓库，其中最核心的一个技能就是 react-best-practices。
这是 Vercel 工程团队在十多年 React / Next.js 实战中总结出的性能与架构最佳实践。
Github：https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices
react-best-practices 基于 Agent Skills 规范 组织，每个 skill 以 folder 的形式存在，里面包含规则说明、适用场景以及示例。
需要强调的是，它并不是给开发者直接阅读的文档，而是供 AI 在生成代码、审查代码时作为参考依据。
在这个 Skills 中，已经整理了 40+ 条与 React / Next.js 相关的性能与架构规则，并按不同方向分类，例如：
典型的使用场景是：当 AI 在写 React / Next.js 代码，或对现有代码进行 review 时，能够基于这些规则 主动提示潜在问题或不推荐的写法。
换句话说，React Skills 更像是一个 面向 AI 自动化编码与审核环境的“React 知识库 + 规则集”。
Vue Skills：Vue 生态的集体行动
相比 React Skills 明显的官方背景，Vue Skills 目前更偏向社区驱动与实验性质。不过也受到了尤雨溪的推荐！
Github：：https://github.com/hyf0/vue-skills
这是一个 为 Vue 3 提供技能与规则的 Agent Skills 项目，目标同样不是直接给开发者使用，而是增强 AI 在生成和理解 Vue 代码时的准确性与规范性。
相比 React Skills 明确的官方背景，Vue Skills 更偏向 社区驱动的实践。
vue-skills 项目的目标同样不是教学，而是让 AI 在生成 Vue 代码时，更符合 Vue 3 的推荐写法与生态习惯。
它关注的重点包括：
•
Vue 3 + Composition API 的常见模式
目前它仍在演进中，但方向非常明确：不是让 AI“能写 Vue”，而是写得对、写得好。
值得一提的是，Vue 社区还推出了一些独立的 skills 项目，比如：
一个正在成型的趋势
Vue Skills 和 React Skills 的出现，意味着一件很重要的事：前端官方与社区，已经开始认真参与“AI 如何写好代码”这件事。
未来的 AI 助手，可能不再只是代码生成器，而是一个真正理解框架规范、工程经验和最佳实践的虚拟同事。
这，可能才是 AI 开发真正走向成熟的开始。
