nuxt 是给 AI 编程助手用的 Nuxt 开发 Skill,覆盖页面路由、接口、数据获取和服务端渲染。正在维护 Vue 全栈项目的人,可以把项目版本、现有文件和要改的功能交给它,让 AI 按框架约定处理。
这份文档有个容易被旧教程带偏的细节:它面向 Nuxt 4。默认情况下,页面、组件和 app.vue 放在 app/ 里,server/、public/ 和配置文件仍在项目根目录。连常用的 @ 和 ~ 别名,也指向 app/。
比如你让 AI 新增一个页面,再接一个服务端接口,两份文件应该放在哪里,不能靠“以前的 Nuxt 项目都这么写”来判断。目录和导入路径错了,后面再漂亮的页面代码也接不上。
这个 Skill 把目录、路由、数据获取、状态管理等主题分别指向对应参考文档。任务涉及哪一块,再深入读哪一块,不必把框架所有知识都塞进同一段提示词。
开始时说明“这是 Nuxt 4 项目,请先看现有目录,再实现这个功能”,比只说“帮我写个 Vue 页面”更能把任务限定清楚。旧版项目则要先对齐版本,不能直接照搬这里的新目录约定。