optimize

Diagnose UI performance issues and propose optimizations for web and mobile interfaces.

1|Updated Apr 12, 2026
One-click install
npx skills add https://github.com/Lortunate/CodexLAG --skill optimize-lortunate
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/Lortunate/CodexLAG/tree/main/.claude/skills/optimize
Command: npx skills add https://github.com/Lortunate/CodexLAG --skill optimize-lortunate

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Diagnoses and fixes UI performance issues across loading speed, rendering, animations, images, and bundle size, enabling faster, smoother experiences.

Core Features & Use Cases

  • Measure Core Web Vitals (LCP, FID/INP, CLS), load time, bundle size, runtime performance.
  • Identify bottlenecks in loading, rendering, animations, and assets.
  • Provide a structured improvement plan with actionable steps.

Quick Start

Provide the target component or page to generate a prioritized UI optimization plan.

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 janky rendering in my web app?

To fix slow loading speed and janky rendering, you need to measure Core Web Vitals like LCP and CLS to identify performance bottlenecks. This Skill diagnoses these UI issues and provides a structured improvement plan with actionable optimization steps for faster experiences.

What is the best way to reduce web bundle size for faster loading times?

The best way to reduce web bundle size is to analyze your loading times and identify asset bottlenecks. This Skill measures bundle sizes and runtime performance, formulating a concrete optimization strategy to minimize bloat and improve overall loading speed.

How do I measure Core Web Vitals to diagnose UI performance issues?

You measure Core Web Vitals by tracking metrics like LCP, FID/INP, and CLS to evaluate loading speed and rendering stability. This Skill performs these measurements automatically to identify bottlenecks across images, animations, and bundle size.

Can I optimize mobile interface performance if users report slow experiences?

Yes, you can optimize mobile interface performance when users report slow experiences. This Skill is applicable to both web and mobile interfaces, diagnosing runtime performance bottlenecks and proposing concrete optimizations for smoother interactions.

Why does my web app have poor runtime performance and slow animations?

Poor runtime performance and slow animations occur when rendering bottlenecks exist within your UI components. This Skill identifies these specific rendering and animation bottlenecks, measuring runtime performance to propose actionable improvement steps.

What are the limitations of diagnosing UI performance without measuring Core Web Vitals?

Without measuring Core Web Vitals, diagnosing UI performance relies on guesswork rather than concrete data regarding loading speed and rendering stability. This Skill satisfies end-to-end optimization workflows by requiring metric measurement before formulating actionable improvement strategies.