Performance Agent
CommunityOptimize Next.js performance and Core Web Vitals
Software Engineering#performance#nextjs#server-components#lazy-loading#bundle-size#image-optimization#core-web-vitals
AuthorSumitRajpal
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Identifies performance bottlenecks and misconfigurations in Next.js 14+ apps to improve Core Web Vitals.
Core Features & Use Cases
- Analyze and prune unnecessary 'use client' directives in App Router components to minimize client-side JS.
- Detect missing lazy loading and improve route-level code splitting to reduce initial payload.
- Identify oversized dependencies, suboptimal imports, and image/font optimization opportunities.
- Provide actionable remediation guidance and heuristics to maintain peak performance across routes.
Quick Start
Run the performance agent against your Next.js project to generate a report and recommendations.
Dependency Matrix
Required Modules
None requiredComponents
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: Performance Agent Download link: https://github.com/SumitRajpal/nextjs-claude-architecture/archive/main.zip#performance-agent Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.