Skills
.Work. You
Rest

Frontend Performance Optimizer

Community

Speed up frontend apps with Core Web Vitals.

Software Engineering#performance#caching#frontend#lazy-loading#bundle-analysis#image-optimization#core-web-vitals
Authorwilliamzujkowski
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Frontend Performance Optimizer analyzes and optimizes frontend performance for web applications, helping teams meet Core Web Vitals targets and deliver faster, more stable experiences.

Core Features & Use Cases

  • Core Web Vitals measurement and optimization (LCP, FID, CLS)
  • JavaScript bundle size analysis and code splitting
  • Image optimization and modern format recommendations
  • Lazy loading strategy implementation
  • Browser caching and CDN configuration
  • Resource prioritization and preloading
  • Performance budget definition and tracking
  • Framework-specific guidance (React, Vue, Angular)
  • CI-friendly outputs and sample code snippets
  • Guidance for caching, fonts, and CSS optimization

Quick Start

Provide a URL or codebase path to generate a performance optimization plan with actionable recommendations.

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: Frontend Performance Optimizer
Download link: https://github.com/williamzujkowski/cognitive-toolworks/archive/main.zip#frontend-performance-optimizer

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.