vercel-react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

1.51x

Quality

81%

Does it follow best practices?

Impact

97%

1.51x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Evaluation results

100%

38%

E-Commerce Dashboard: Product Listing API Route

Async waterfall elimination and server-side caching

Criteria

Without context

With context

Early promise start

100%

Promise.all usage

100%

React.cache wrapping

100%

Primitive cache args

100%

LRU cache package

100%

LRU cache config

100%

RSC component composition

100%

No parent data passing

100%

better-all or deps pattern

20%

100%

DECISIONS.md documents patterns

100%

26%

Startup SaaS: Slow Initial Page Load Investigation

Bundle size optimization and dynamic imports

Criteria

Without context

With context

Analytics deferred

100%

Dynamic editor import

100%

Editor ssr false

100%

Direct lucide imports

100%

Direct MUI imports

100%

Preload on hover/focus

100%

Preload typeof window check

100%

No top-level analytics import

100%

OPTIMIZATION_NOTES documents barrel imports

100%

OPTIMIZATION_NOTES documents dynamic imports

100%

92%

35%

Task Management App: Comment and Re-render Issues

Client-side re-render and Server Action security

Criteria

Without context

With context

startTransition for search

100%

Ternary not &&

100%

Hoisted static JSX

100%

Server Action input validation

100%

Server Action auth check

100%

Server Action auth before execute

100%

Server Action no middleware reliance

100%

useMemo or memo for filter

100%

SWR for data fetching

REVIEW.md explains patterns

83%

100%

Repository: secondsky/claude-skills
Commit: 90d6bd7

Evaluated: 29 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

E-Commerce Dashboard: Product Listing API Route Startup SaaS: Slow Initial Page Load Investigation Task Management App: Comment and Re-render Issues

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.