SuperAPI AI 工具集

vercel-react-best-practices

编程与开发

查看项目

更新于 10-15 14:15

技能介绍

用途

vercel-react-best-practices 是一个兼容性别名(compatibility alias),它包装了规范技能 react-best-practices。其存在目的是让较旧的工作流和平台特定配置继续可用,同时避免让 React 性能方向看起来像有两个同等优先的默认技能。

何时使用

仅在以下情况使用此技能:

  • 用户或工具明确要求 vercel-react-best-practices;
  • 某个安装或同步过程期望旧文件夹/旧名称存在;
  • 需要在把实际工作路由到 react-best-practices 的同时保持向后兼容。

不要将本技能作为一般 React 或 Next.js 性能帮助的默认选择。

使用方式

第一步:确认别名意图

检查请求是否确实依赖这个确切的别名名称。仅在以下情况使用此别名:

  • 用户直接点名它;
  • 脚本或工具界面字面引用了它;
  • 任务本身涉及迁移或兼容性考虑。

否则,切换到 ../react-best-practices/SKILL.md。

第二步:重定向到规范技能

先使用别名侧的资料包,然后跳转到规范的 React 性能指导:

  • 别名路由说明:./references/alias-routing.md
  • 测量与路由说明:./references/measurement-route-outs.md
  • 规范技能:../react-best-practices/SKILL.md
  • 深度参考:../react-best-practices/AGENTS.md

邻近边界:

  • ../state-management/SKILL.md 用于全局状态架构
  • ../web-accessibility/SKILL.md 用于无障碍修复
  • ../performance-optimization/SKILL.md 用于非 React 范围的性能问题

第三步:在输出中保留兼容性

如果通过别名名称被激活,应说明规范指导现已位于 react-best-practices,以便未来维护收敛到单一主入口。

示例

示例 1:明确请求旧名称

输入:“Use vercel-react-best-practices to audit our slow Next.js dashboard.” 输出:确认别名,然后应用规范的 react-best-practices 指导,处理瀑布请求、包体积和 RSC 边界。

示例 2:一般 React 性能问题

输入:“Our React app rerenders too much and the Next.js page is slow.” 输出:不要停留在别名中,直接路由到 react-best-practices。

最佳实践

  • 将其视为重定向层,而非独立知识库。
  • 保持触发措辞狭窄,使规范技能在普通 React/Next.js 请求中胜出。
  • 更新底层指导时,先更新 react-best-practices。
  • 让文档/安装界面明确说明规范与兼容状态。

限制

本技能本身不提供独立的 React 性能知识,仅作为别名与路由层。其具体收费、价格、平台支持范围等事实暂未提供。