How does it help with Core Web Vitals?

The skill provides actionable guidance on improving LCP, FID, and CLS through image optimization, font subsetting, code splitting, and efficient rendering patterns.

Does it provide infrastructure-level advice?

Absolutely. It covers AWS-specific optimizations such as Lambda memory allocation, provisioned concurrency, and CloudFront caching strategies.

Can it help with database bottlenecks?

Yes, it includes specialized patterns for MongoDB, including index management, projection optimization, and solving the N+1 query problem.

Which frameworks does this skill support?

It specifically focuses on React, Next.js, and NestJS, but the core principles can be applied to many modern JavaScript-based web applications.

Full-Stack Performance Expert

Name: Full-Stack Performance Expert
Author: shipshitdev

byshipshitdev

•

분석 및 모니터링

Optimizes full-stack application performance across React, Next.js, NestJS, and AWS infrastructure to meet high-performance benchmarks.

This skill empowers Claude to identify and resolve performance bottlenecks across the entire web stack, from frontend bundle sizes and React rendering patterns to backend API response times and database indexing. It provides specialized guidance for optimizing React components, Next.js server components, NestJS services, and MongoDB queries, ensuring applications meet Core Web Vitals and industry-standard latency benchmarks through proven patterns like code splitting, caching strategies, and AWS infrastructure fine-tuning.

주요 기능

01AWS infrastructure tuning including CloudFront and Lambda cold starts

02Core Web Vitals auditing and improvement strategies (LCP, FID, CLS)

03Database query optimization and MongoDB indexing patterns

04Backend API latency reduction and NestJS caching implementation

05Comprehensive frontend optimization for React and Next.js bundle sizes

0610 GitHub stars

사용 사례

01Optimizing AWS Lambda performance and configuring CloudFront edge caching

02Reducing high latency in NestJS API endpoints and slow MongoDB aggregation pipelines

03Improving Core Web Vitals for a Next.js application to boost SEO and user experience

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add shipshitdev/library performance-expert

For use in Claude.ai and ChatGPT

Download Skill