Skills
.Work. You
Rest

nextjs-performance

Official

Boost Next.js 15 App Router performance

Software Engineering#caching#streaming#nextjs#app-router#server-components#lcp#partial-prerendering
AuthorSilverAssist
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers optimize Next.js 15 App Router performance, addressing LCP, streaming, Partial Prerendering (PPR), and the Server/Client Component architecture to deliver faster, more responsive applications.

Core Features & Use Cases

  • Performance optimization patterns for Next.js 15 routes and components.
  • Caching and streaming strategies to improve initial load and runtime UX, including PPR and appropriate use of the cache directive.
  • Guidance for architecture decisions such as where to place Server vs Client Components and how to structure layouts for optimal LCP and streaming behavior.
  • Use cases include debugging LCP bottlenecks, implementing image preloading, and configuring routing and metadata streaming.

Quick Start

To begin, enable Next.js 15 features in your app, review your layout and page components for server/dynamic content placement, and apply caching and streaming patterns described in this skill.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: nextjs-performance
Download link: https://github.com/SilverAssist/performance-toolkit/archive/main.zip#nextjs-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.