optimize

Diagnose web UI performance bottlenecks and apply loading, rendering, and asset optimizations.

1|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/Bigalan09/Burohame --skill optimize-bigalan09
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/Bigalan09/Burohame/tree/main/.codex/skills/optimize
Command: npx skills add https://github.com/Bigalan09/Burohame --skill optimize-bigalan09

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Diagnose and fix web UI performance bottlenecks to deliver faster, smoother experiences.

Core Features & Use Cases

  • Identify performance bottlenecks (loading, rendering, and animation) and propose targeted optimizations.
  • Define measurable targets (LCP, CLS, FID) and apply strategies like image optimization, code-splitting, and CSS optimization.
  • Use case: optimize a slow dashboard by reducing bundle size and improving render performance to meet performance targets.

Quick Start

Run a performance audit on your app and apply the recommended optimizations to a representative page.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I fix web UI performance bottlenecks for slow loading and rendering?

Fix web UI performance bottlenecks by identifying slow loading, rendering, and animation issues, then applying targeted optimizations like image compression and CSS refinement to deliver faster, smoother experiences.

How do I improve LCP, CLS, and FID scores for a modern web application?

Improve LCP, CLS, and FID scores by defining measurable performance targets and applying optimization strategies like image optimization, code-splitting, and CSS optimization to reduce bundle size and improve render performance.

What is the best way to reduce web bundle size and optimize dashboard render performance?

Reduce web bundle size and optimize dashboard render performance by applying code-splitting strategies and CSS optimization techniques, ensuring your application meets defined performance targets for smoother interfaces.

Can I use this approach to optimize animations and assets across modern web applications?

Yes, you can optimize animations and assets across modern web applications by applying targeted optimization strategies to loading, rendering, and animation tasks, ensuring a repeatable validation plan for smoother experiences.

Why does my web interface feel slow even after initial loading completes?

Your web interface feels slow due to rendering and animation bottlenecks that occur after initial loading, requiring targeted CSS optimization and code-splitting to improve render performance and deliver smoother interactions.

Do I need specific dependencies to start a web performance audit and apply optimizations?

No specific dependencies are required to start a web performance audit. You can run an audit on your app and apply recommended optimizations like image optimization and code-splitting to a representative page immediately.