vercel-react-best-practices

@jarrodwatts/vercel-react-best-practices

jarrodwatts

825

100 forks

Updated 1/18/2026

View on GitHub

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.

Installation

$skills install @jarrodwatts/vercel-react-best-practices

Claude Code

Cursor

Copilot

Codex

Antigravity

Details

Repositoryjarrodwatts/claude-code-config

Pathskills/vercel-react-best-practices/SKILL.md

Branchmain

Scoped Name@jarrodwatts/vercel-react-best-practices

Usage

After installing, this skill will be available to your AI coding assistant.

Verify installation:

skills list

More by jarrodwatts

View all

planning-with-files

825

Transforms workflow to use Manus-style persistent markdown files for planning, progress tracking, and knowledge storage. Use when starting complex tasks, multi-step projects, research tasks, or when the user mentions planning, organizing work, tracking progress, or wants structured output.

react-useeffect

825

React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternatives.

rigorous-coding

825

Apply rigorous coding standards. Use when writing, implementing, or reviewing code.

web-design-guidelines

825

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".