vercel-react

Community

Optimize React/Next.js performance.

Authorthkt
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a curated set of rules and best practices from Vercel Engineering to significantly improve the performance of React and Next.js applications.

Core Features & Use Cases

  • Performance Rule Index: Comprehensive guidelines covering critical areas like eliminating waterfalls, reducing bundle size, optimizing server-side rendering, and improving client-side data fetching.
  • Targeted Application: Applicable during code writing, review, or refactoring of React components, Next.js pages, data fetching logic, and bundle optimization strategies.
  • Use Case: When developing a new feature in a Next.js application, use this Skill to ensure that all data fetching is optimized to prevent waterfalls and that dynamic imports are used effectively to minimize the initial bundle size.

Quick Start

Fetch the 'async-parallel' rule from the Vercel React performance skill.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vercel-react
Download link: https://github.com/thkt/dotclaude/archive/main.zip#vercel-react

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.