optimize

Identify and fix web performance issues across loading, rendering, animations, and bundle size.

Updated Jan 30, 2026
One-click install
npx skills add https://github.com/teegin-g/Slopcast --skill optimize-teegin-g
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/teegin-g/Slopcast/tree/main/.cursor/skills/optimize
Command: npx skills add https://github.com/teegin-g/Slopcast --skill optimize-teegin-g

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps identify and fix performance issues to create faster, smoother user experiences.

Core Features & Use Cases

  • Performance assessment and systematic optimization across loading, rendering, animation, images, and bundle size.
  • Step-by-step guidance for measuring Core Web Vitals, identifying bottlenecks, and applying best practices.
  • Use Case: A web app with slow initial load improves LCP and CLS after applying targeted changes.

Quick Start

Optimize the app by measuring bottlenecks, then implement loading, rendering, and asset optimizations to achieve smoother interactions.

Frequently Asked Questions about optimize

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I identify and fix frontend performance issues in a web app?

To fix frontend performance issues, you systematically assess loading, rendering, animations, and bundle size to apply targeted optimizations. This process identifies bottlenecks and implements best practices to create smoother user interactions.

What is the best way to improve Core Web Vitals like LCP and CLS for slow loading SPAs?

Improving Core Web Vitals like LCP and CLS requires measuring bottlenecks and applying loading, rendering, and asset optimizations. This structured approach yields measurable improvements in loading time and visual stability for single page applications.

How do I reduce JavaScript and CSS bundle size for faster web interface loading times?

Reducing JavaScript and CSS bundle size involves performance assessment and applying best practices to shrink payloads. This optimization step directly decreases loading time and improves Time to Interactive (TTI) for web apps.

Can I optimize rendering and animations for both mobile and desktop web interfaces?

Yes, you can optimize rendering and animations across mobile and desktop web interfaces. The optimization process targets smooth interactions by assessing performance bottlenecks and applying rendering improvements for both environments.

Why does my web app have a slow initial load time and how can I measure it?

A slow initial load time often stems from large bundle sizes or rendering bottlenecks. You can measure it by tracking Core Web Vitals and Time to Interactive (TTI) to identify specific performance issues before applying fixes.