用途:审计 Next.js/Vercel 项目,找出会推高托管费用的代码模式,覆盖带宽、计算与函数调用等计费项。Vercel 按量计费,缺失 preload="none"、未限定范围的 middleware 或一次 cookies() 调用都可能悄悄放大成本,该技能在账单出现前发现问题。
主要能力:按顺序执行 22 项检查,使用 Glob、Grep、Read 等内置工具,扫描 .ts/.js/.tsx/.jsx 及 HTML 文件。检查内容包括:public/ 目录大文件与未压缩格式(>10MB 为 CRITICAL,5-10MB 为 WARNING);audio/video 的 preload 属性(auto 或缺失为 CRITICAL,metadata 为 WARNING,none 记为 GOOD);next.config 的 images.minimumCacheTTL、缓存 TTL、AVIF 格式、Cache-Control 头与 remotePatterns 范围;图片优化(原生 img、GIF、quality、大 PNG);API 路由缓存头;反模式(服务端组件调用自身 API、Link 预取、客户端缓存库);Vercel Spend Management 提醒;middleware/proxy 的 matcher 范围;意外动态渲染(cookies()、headers()、searchParams、connection());服务端串行 await 与 maxDuration;动态路由缺失 generateStaticParams/revalidate;AI 流式响应超时与 maxDuration;请求/响应 4.5MB 载荷限制。
使用方式:在项目中运行该技能,它会自动执行检查并汇总为报告。对每个 CRITICAL 发现,报告给出可直接复制的修复(shell 命令、代码片段或配置改动),并尽量用参考文档中的计费公式估算美元影响,默认以每月 5 万访客为基线并说明假设。
适用场景:Next.js/Vercel 项目上线前或推广前的成本体检,以及排查账单异常。
限制:仅针对 Next.js/Vercel 项目;费用估算依赖假设流量,非精确账单;部分检查(如 Spend Management 默认额度)需查阅官方文档确认,资料未提供具体金额。