Which frameworks are compatible with this skill?

The skill is specifically designed for Next.js, Vite, React, and Python-based backends, though the principles apply broadly to modern web development.

What performance metrics does this skill track?

It focuses on Core Web Vitals including Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS), using 2026 performance targets.

Is this skill useful for SEO?

Absolutely. Since performance is a key Google ranking factor, using this skill to optimize Core Web Vitals directly improves your site's SEO potential.

How does it help with large JavaScript bundles?

It provides commands to visualize bundles, identifies heavy dependencies like Moment.js, and suggests lightweight alternatives or code-splitting strategies.

Can it fix database-related slowness?

Yes, it includes checks for N+1 query patterns in ORMs and identifies missing pagination in list-based API endpoints.

Performance Tuning

Name: Performance Tuning
Author: frvnkfrmchicago

byfrvnkfrmchicago

0•

Analytics & Monitoring

Optimizes web application speed and efficiency by auditing Core Web Vitals, analyzing bundle sizes, and refining rendering strategies.

This skill provides a comprehensive framework for identifying and resolving performance bottlenecks in modern web applications. It guides Claude through the process of measuring Core Web Vitals (LCP, INP, CLS), analyzing JavaScript bundle bloat in Next.js and Vite, optimizing asset loading, and refining database query patterns. Ideal for developers looking to improve Lighthouse scores, reduce bounce rates, and ensure their full-stack applications run at peak efficiency using 2026 industry standards.

Key Features

01Image and font optimization strategies (WebP, AVIF, font-display)

02Detailed bundle size analysis and dependency bloat detection

03Database query profiling to eliminate N+1 patterns and improve pagination

04Comprehensive Core Web Vitals measurement and target tracking

050 GitHub stars

06Rendering strategy decision tree for SSG, ISR, and SSR

Use Cases

01Reducing JavaScript bundle payloads and removing heavy, unused dependencies

02Improving Google Lighthouse scores for better SEO rankings and user retention

03Optimizing backend performance by detecting inefficient ORM query patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add frvnkfrmchicago/skills-library-v2 performance-tuning

For use in Claude.ai and ChatGPT

Key Features

01Image and font optimization strategies (WebP, AVIF, font-display)

02Detailed bundle size analysis and dependency bloat detection

03Database query profiling to eliminate N+1 patterns and improve pagination

04Comprehensive Core Web Vitals measurement and target tracking

050 GitHub stars

06Rendering strategy decision tree for SSG, ISR, and SSR

Use Cases

01Reducing JavaScript bundle payloads and removing heavy, unused dependencies

02Improving Google Lighthouse scores for better SEO rankings and user retention

03Optimizing backend performance by detecting inefficient ORM query patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add frvnkfrmchicago/skills-library-v2 performance-tuning

For use in Claude.ai and ChatGPT