optimize

Diagnose and fix web UI performance bottlenecks with measurable Core Web Vitals targets.

Updated Jan 10, 2026
One-click install
npx skills add https://github.com/serguei9090/Agentic-Governance-Framework --skill optimize-serguei9090
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/serguei9090/Agentic-Governance-Framework/tree/main/MasterPrompts/.agents/skills/optimize
Command: npx skills add https://github.com/serguei9090/Agentic-Governance-Framework --skill optimize-serguei9090

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.

Core Features & Use Cases

  • Assess Performance Issues: Measure current performance and identify bottlenecks across Core Web Vitals, load times, bundle sizes, and runtime performance.
  • Optimization Strategy: Propose systematic loading, rendering, animation, and network improvements to reduce latency and jitter.
  • Use Case: For a sluggish dashboard, apply optimizations to reduce LCP and TTI while maintaining accessibility and UX quality.

Quick Start

Run a performance audit on your UI and implement the recommended optimizations to achieve measurable improvements.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I diagnose and fix slow, janky web UI performance?

Diagnose slow web UI performance by identifying bottlenecks across loading, rendering, animations, images, and bundle size, then apply concrete optimizations to achieve measurable Core Web Vitals improvements and smoother behavior.

How do I reduce bundle size and improve load times for a sluggish dashboard?

Reduce bundle size and improve load times by applying code-splitting, lazy loading, and asset optimization, which systematically decrease latency and jitter while maintaining accessibility and UX quality.

What are Core Web Vitals targets and how do I ensure my UI meets them?

Core Web Vitals targets are measurable performance thresholds for loading and rendering speed; ensuring your UI meets them involves auditing current metrics and applying systematic optimizations to reduce LCP and TTI.

Does applying frontend performance optimizations affect existing UX or accessibility?

Applying frontend performance optimizations targets reduced latency and jitter while explicitly maintaining accessibility and UX quality, ensuring a faster, smoother experience without degrading existing interface usability.

What is the safest way to apply rendering and loading optimizations without breaking the UI?

The safest way to apply rendering and loading optimizations is to implement systematic improvements with safe rollback if issues arise, ensuring UI stability while targeting measurable Core Web Vitals improvements.

Why does my web application experience laggy animations and runtime performance issues?

Laggy animations and runtime performance issues stem from unidentified bottlenecks in rendering and network loading, requiring a systematic performance audit to propose concrete optimizations that reduce jitter and latency.