vercel

来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js……时，应使用此技能。

可扩展的 React 组合模式。在重构以下组件时使用：

构建高性能移动应用的 React Native 和 Expo 最佳实践。使用

将应用和网站部署到 Vercel。当用户请求执行部署操作时使用，例如“部署我的应用”、“部署并提供链接”、“推送这个……”

使用 React 的 View Transition API（`<ViewTransition>` 组件、`addTransitionType` 以及 CSS view…）实现流畅、原生体验动画的指南

使用基于令牌的身份验证在 Vercel 上部署和管理项目。适用于使用访问令牌而非交互式登录操作 Vercel CLI 的场景——……

在 InsForge 项目中遇到错误、Bug、性能问题或异常行为时使用此技能——涵盖从前端 SDK 错误到后端基础设施问题的各种情况。触发条件：SDK 返回错误对象、HTTP 4xx/5xx 响应、Edge Function 故障或超时、数据库查询缓慢、身份验证/授权失败、Realtime 频道问题、后端性能下降（CPU/内存占用过高/响应缓慢）、Edge Function 部署失败，或前端 Vercel 部署失败。此技能将指导执行诊断命令以定位问题。手动场景仅展示日志和状态；而 AI 辅助路径（`diagnose --ai`）还会额外返回可能的原因与解决方案。

Bun 作为运行时、包管理器、打包器和测试运行器。何时选择 Bun 而非 Node、迁移注意事项以及 Vercel 支持。