假设你手上有个 Next.js 项目，首页加载要三秒多，接口还串着发。你隐约觉得是某个组件写得不对，但打开文件又看不出哪里错了。
这种时候，先别急着改代码。让 web-perf 用 Chrome DevTools 把 LCP、CLS 和网络依赖链拉出来，再让 vercel-optimize 结合部署指标看包体和函数开销——先有数据，再谈改哪。
定位到具体路由后，vercel-react-best-practices 按优先级逐条检查写法，vercel-composition-patterns 负责把巨型组件拆开，next-cache-components-adoption 处理重复请求。改完必须跑起来看：next-dev-loop 在本地确认运行时行为，webapp-testing 用 Playwright 走一遍关键路径，确认没有回归。
最后两步容易被跳过：refactor 清理优化留下的冗余，web-design-reviewer 检查响应式和可访问性，别让速度换掉界面。收尾用 git-commit 把这一轮改动记清楚，方便回溯。
顺序比单个 Skill 更重要：先测、再改、再验、最后收。