SuperAPI AI 工具集

sota-web-frameworks

前端与建站

查看项目

更新于 10-16 09:31

技能介绍

用途:该技能编码了 2026 年两大 JavaScript SSR 技术栈(React + Next.js、Vue + Nuxt)及它们共有的服务端渲染关注点的工程规则,特意针对框架特有陷阱(RSC 服务端/客户端边界、Server Actions 作为公开端点、水合不匹配、SSR 状态跨请求泄漏、runtimeConfig/NEXT_PUBLIC_ 密钥边界)。提供两种模式:BUILD(按该标准编写或修改组件、路由、数据获取)与 AUDIT(审查现有应用并报告发现)。

主要能力:规则按文件组织,包括 rules/01-baseline.md(技术栈与版本底线、渲染模式选择、项目设置、React Compiler)、rules/02-react.md(hooks 规则、useId/useEffect/refs、Suspense 与错误边界、memoization)、rules/03-nextjs.md(Server/Client Components、Server Actions、缓存模型、middleware、Data Access Layer、Next CVE)、rules/04-vue.md(Composition API、响应式陷阱、defineModel、Vue XSS)、rules/05-nuxt.md(Nuxt 4 数据获取、useState、runtimeConfig、Nitro 路由与鉴权、routeRules、Nuxt/Nitro/h3/IPX CVE)、rules/06-ssr-hydration.md(水合、SSR 状态序列化 XSS、跨请求状态污染、CSP)、rules/07-security.md(服务端/客户端密钥边界、授权放置、SSRF、CVE 参考、供应链)。

使用方式:先完整阅读 SKILL.md,再按索引按需加载 rules/*.md。BUILD 模式先读 package.json 确认框架主版本与渲染模式,匹配项目基线;AUDIT 模式先指纹与补丁检查,再追踪信任边界,运行各规则文件的审计清单(grep 驱动),验证每个发现并标注严重级与修复工作量。

适用场景:React/Next 与 Vue/Nuxt 应用的组件编写、路由与数据获取、安全审计与版本合规检查。

限制:技能明确要求在使用时核实每个版本/CVE 声明;其事实源自 2026-07,框架安全变化频繁。该技能为规则与流程指导,不包含具体产品价格或平台信息;未提供的具体安装命令、收费或效果数据暂未提供。