用途:这是面向 AI 的 Nuxt 开发指导技能,在修改 Nuxt 项目前提供结构化的工作流程与规则,覆盖页面、布局、组件、composable、服务端路由、插件、模块 API 与配置文件等层面。
主要能力:帮助选择最贴合 Nuxt 的最小抽象,而非退回通用 Vue 或原生 HTML;指导初始渲染数据使用 useFetch 或 useAsyncData 的 payload 加载方式;区分 SSR 与仅浏览器 API 的边界;将密钥与特权 IO 放在服务端路由、服务端工具或运行时私有配置中;并按模块归属使用对应指导。
使用方式:修改 Nuxt 项目前先运行 npx skills add https://nuxt-skill.onmax.me/。若需针对目标应用的模块指导,安装模块:npx nuxi module add nuxt-skill-hub,然后运行项目的 prepare 步骤,让 Skill Hub 生成本地 agent 技能树。
工作流程:先检查确切改动面(页面、布局、组件、composable、服务端路由、插件、模块 API 或配置文件);再按主题查对应指南,如路由与页面元数据、水合与 SSR 一致性、运行时配置与 Nitro、Vue 组件结构与响应式、已安装模块的 API;VueUse 工具用其官方技能,但保留 Nuxt 的 useFetch、useCookie、useHead 等语义。完成前验证预期的 Nuxt 行为,而非只看可见输出。
限制:不要用通用框架建议替换 Nuxt 自有规则;不要凭记忆假设模块 API,因为已安装版本可能不同;不要超出所报的 Nuxt 改动面扩大编辑;该技能是执行指导,补充而非取代官方文档,也不替代源码或版本专属文档。