Skills
.Work. You
Rest

fe-react-performance

Community

Boost React/Next.js speed with high-impact fixes

Software Engineering#performance#react#optimization#next.js#bundling#server-components
AuthorConradmaker
Version1.0.0
Installs0

System Documentation

What problem does it solve?

React/Next.js apps can suffer from slow page loads due to large bundles, inefficient rendering, and heavy data fetching. This Skill provides a structured approach to identify and apply high-impact performance optimizations.

Core Features & Use Cases

  • Async waterfalls, bundle optimization, server components, Suspense, lazy loading, and memoization patterns to improve Core Web Vitals.
  • Guidance for both client and server-side strategies including RSC, server actions, and hydration optimizations.
  • Use cases include slow pages, heavy apps, frequent re-renders, and scenarios where Core Web Vitals need improvement.

Quick Start

Analyze a slow React/Next.js page and implement the top three fixes from this guide to achieve measurable performance gains.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: fe-react-performance
Download link: https://github.com/Conradmaker/copilot-cockpit/archive/main.zip#fe-react-performance

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.