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.