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.15x

Quality

70%

Does it follow best practices?

Impact

66%

1.15x

Average score across 3 eval scenarios

Securityby

—

The risk profile of this skill

Fix and improve this skill with Tessl

tessl review fix ./skills/data/03-developer-reactbestpractices/SKILL.md

The canonical home for this skill is vercel-react-best-practices in jarrodwatts/claude-code-config

Preview

This is a new way to view eval results. We're still working on it, so the layout may change.

Run	Type	Date	Status
baseline vs usage-spec With / without context 7 months ago Completed	With / without context	7 months ago	Completed

Eval run

019cc74c-702b-76cb-8fa7-b9ec76f10856

Run 7 months ago

Stats are not available yet

The run is available. Its result stats will appear here when they are ready.

Repository: majiayu000/claude-skill-registry
Path: skills/data/03-developer-reactbestpractices/SKILL.md
Commit: 4642edf

Evaluated: 7 months ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Admin Dashboard Performance Overhaul Product Catalog with Shared Data and Interactive Filtering Transaction History Dashboard with Animated Status Indicators

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.