optimize

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

Updated Feb 22, 2026
One-click install
npx skills add https://github.com/luisartola/findes --skill optimize-luisartola
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/luisartola/findes/tree/main/.github/skills/optimize
Command: npx skills add https://github.com/luisartola/findes --skill optimize-luisartola

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improve interface performance across loading speed, rendering, animations, images, and bundle size to deliver faster, smoother user experiences.

Core Features & Use Cases

  • Measure and monitor Core Web Vitals, load times, and bundle sizes to identify bottlenecks.
  • Propose and implement systematic optimizations across loading, rendering, animation, and network strategies.
  • Real-world use: a slow e-commerce product page scales to fast, scroll-smooth experiences.

Quick Start

Identify performance bottlenecks in your UI, then apply a targeted optimization plan to improve load times and interactivity.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I fix slow loading speed and improve Core Web Vitals in my web application?

To fix slow loading speed and improve Core Web Vitals, you must first instrument your UI to measure current load times and identify bottlenecks. Then apply a targeted optimization plan covering loading, rendering, animations, and bundle size.

What is the best way to reduce bundle size and optimize rendering for smoother UX?

The best way to reduce bundle size and optimize rendering is to perform a systematic bottleneck analysis across your network and resources. This involves measuring before and after metrics to ensure actionable gains in perceived responsiveness.

Why does my web interface feel unresponsive, and how can I measure the performance drop?

An unresponsive web interface often stems from unoptimized loading, rendering, or network requests. You can measure the performance drop by instrumenting Core Web Vitals, load times, and bundle sizes to identify specific bottlenecks.

Can I use this approach to optimize animations and images across common frameworks?

Yes, you can optimize animations and images across common frameworks. The process requires measuring before and after states to ensure your bottleneck analysis and resource optimization strategies deliver measurable improvements.

When should I not use a general optimization plan for web performance issues?

You should not use a general optimization plan when you lack the ability to instrument and measure Core Web Vitals before and after changes. Without baseline metrics and bottleneck analysis across loading and rendering, targeted fixes are impossible.