Next.js 相关 Skills

Vercel 工程团队提供的 React 与 Next.js 性能优化规则，涵盖 8 类共 57 条最佳实践。

提供前端界面视觉设计与美学方向指导，适用于网页、仪表盘等场景。

自动检测并修复 Next.js 站点中图片的裁剪问题，优化 object-position 值。

系统掌握 React Server Components、Suspense 及 Next.js App Router 最佳实践。

基于 React 的架构模式、TypeScript、Next.js 及 Hooks，适用于组件结构、状态管理、路由配置、测试等场景。

提供React与Next.js的性能优化模式，涵盖数据获取、打包大小、组件渲染等关键领域。

将 ORBCAFE UI 请求路由至正确模块，并强制执行基于官方示例的集成基线。适用于请求不明确或跨模块场景。

基于 React、Next.js 和 Tailwind CSS 的前端开发指导，涵盖响应式设计与可访问性规范。

基于 React、Next.js 和 TypeScript 的前端项目生成与优化工具。