skills.rest
AkaraChen
AkaraChenCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

optimize

Diagnoses and fixes UI performance bottlenecks in web and mobile apps.

270|17|Updated Mar 16, 2026
Search Tags:#performance#frontend#optimize#web#bundle-size#core-web-vitals
One-click install
npx skills add https://github.com/AkaraChen/aghub --skill optimize-akarachen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/AkaraChen/aghub/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/AkaraChen/aghub --skill optimize-akarachen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Optimize skill helps developers diagnose and fix UI performance bottlenecks to deliver faster, smoother applications.

Core Features & Use Cases

  • Assessment and guidance: measures core web vitals, load times, bundle size, and runtime performance to identify bottlenecks.
  • Systematic improvements: provides an organized plan covering assets, JavaScript and CSS reductions, font loading, and rendering optimizations.
  • Use Case: When a UI feels laggy on mobile, use this skill to propose and apply targeted optimizations to reduce CLS and LCP and improve TTI.

Quick Start

Run a quick performance assessment and apply targeted optimizations to achieve faster load and smoother interactions.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I diagnose frontend performance bottlenecks causing a laggy UI?▼

Diagnose frontend performance bottlenecks by assessing load time, rendering, and interactivity to identify issues with images, JavaScript, CSS, fonts, and layout shifts. The skill measures Core Web Vitals and bundle size to systematically pinpoint UI lag sources.

What's the best way to improve Core Web Vitals like LCP and CLS for a web app?▼

The best way to improve Core Web Vitals like LCP and CLS is applying systematic improvements to assets, JavaScript and CSS reductions, and font loading. This approach enforces measurable outcomes by focusing on faster time-to-interactive and concrete optimization steps.

How do I reduce JavaScript bundle size to improve web app load time?▼

Reduce JavaScript bundle size by following a systematic improvement plan that targets asset reductions and rendering optimizations. The skill guides you through concrete steps to minimize bundle size, directly improving web app load time and runtime performance.

Can I use this to optimize UI performance for mobile applications?▼

Yes, you can use this to optimize UI performance for mobile applications. The skill is applicable to both frontend web and mobile applications, guiding assessment of load time and rendering to apply targeted optimizations for smoother mobile interactions.

Why does my web app have a slow time-to-interactive and how do I fix it?▼

Your web app has a slow time-to-interactive due to bottlenecks in JavaScript, CSS, or rendering. Fix it by following systematic improvements that reduce bundle size and optimize assets, enforcing measurable outcomes for a faster time-to-interactive.

Related Skills

Explore More Software Engineering Skills→
act70255act70255

performance-profiling

Profile web application performance using Lighthouse CLI and Core Web Vitals.

Community
Advanced
patricio0312revpatricio0312rev
5

performance-budget-setter

Define and enforce performance budgets for bundle size, API latency, and render times.

Community
Advanced
DaFumDaFum
1

perf-budget-enforcer

Enforce performance budgets for bundle size, load time, and FPS in CI builds.

Community
Intermediate
range-etrange-et

optimize

Audit frontend loading, rendering, and animation paths to reduce LCP, TTI, CLS, and bundle size.

Community
Advanced