vercel-react-best-practices
基于 Vercel Engineering 的 React 与 Next.js 性能规则,覆盖瀑布请求、包体、重复渲染和进阶优化。
适合写 React/Next.js 页面与性能排查时。
SKILL 分类
React 组件、性能、前端工程质量和生产级界面开发相关的 Agent Skills。
6 个结果
基于 Vercel Engineering 的 React 与 Next.js 性能规则,覆盖瀑布请求、包体、重复渲染和进阶优化。
适合写 React/Next.js 页面与性能排查时。
把布尔属性过多的组件重构为可组合 API,整理复合组件、render props 和 Context 模式。
适合重构复杂组件接口时。
围绕 shadcn/ui 的组件新增、检索、修复、样式调整与组合使用,适合在现有项目里快速落地一致的界面结构。
适合使用 shadcn/ui 搭界面时。
面向本地 Web 应用的测试工具,结合 Playwright 进行单元、集成和端到端验证,适合检查页面交互与回归问题。
适合测试本地 Web 应用时。
用于用 Tailwind 实现设计系统,覆盖 design token、组件变体与组件模式,方便统一页面视觉规范和复用结构。
适合搭建 Tailwind 设计系统时。
聚焦 TypeScript 进阶类型写法,涵盖可辨识联合、条件类型、模板字面量和工具类型,适合约束复杂数据与 API 结构。
适合编写复杂 TypeScript 类型时。