Can it help with image optimization?

The skill provides patterns for using modern formats like WebP and AVIF, implementing lazy loading, and utilizing responsive image sets to reduce payload.

How does this skill help improve Lighthouse scores?

It specifically targets Core Web Vitals like Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS) to boost Lighthouse and Real User Monitoring (RUM) scores.

Does it support modern JavaScript frameworks?

Yes, it includes specific optimization patterns for React, Next.js, and Vite, as well as general strategies for Webpack and vanilla JavaScript.

What does the Performance Optimizer skill do?

It provides domain-specific guidance and implementation patterns to speed up frontend applications by optimizing assets, code delivery, and browser rendering.

Performance Optimizer

Name: Performance Optimizer
Author: armanzeroeight

byarmanzeroeight

•

设计工具

Optimizes frontend performance through bundle size reduction, Core Web Vitals improvements, and advanced asset loading techniques.

The Performance Optimizer skill provides a comprehensive toolkit for developers looking to accelerate web applications and improve user experience metrics. It offers expert guidance on meeting Core Web Vitals targets (LCP, FID, CLS), implementing intelligent code splitting, and optimizing media assets through modern formats and lazy loading. Whether you are debugging a bloated React bundle or fine-tuning server-side caching headers, this skill provides the patterns and shell commands necessary to transition from a slow site to a high-performance web experience.

主要功能

0119 GitHub stars

02Critical CSS extraction and non-blocking JavaScript delivery

03Core Web Vitals optimization for LCP, FID, and CLS metrics

04Modern image optimization using WebP/AVIF and responsive sets

05Advanced caching strategies including Service Workers and HTTP headers

06Bundle analysis and automated code splitting implementation

使用场景

01Eliminating layout shifts and jank in complex UI components

02Improving Google Lighthouse and Search Console performance scores

03Reducing initial bundle size for mobile-first web applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add armanzeroeight/fastagent-plugins performance-optimizer

For use in Claude.ai and ChatGPT

Download Skill