optimize

Analyze Core Web Vitals and bundle sizes to identify web performance bottlenecks.

1|Updated Mar 13, 2026
One-click install
npx skills add https://github.com/ft-frank/UNIHACK --skill optimize-ft-frank
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/ft-frank/UNIHACK/tree/main/frontend/.agents/skills/optimize
Command: npx skills add https://github.com/ft-frank/UNIHACK --skill optimize-ft-frank

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses slow loading times, janky animations, and overall poor user experience by systematically identifying and fixing performance bottlenecks in web interfaces.

Core Features & Use Cases

  • Performance Auditing: Analyzes Core Web Vitals, load times, bundle sizes, and rendering performance.
  • Optimization Strategies: Provides detailed guidance on optimizing images, JavaScript, CSS, fonts, and network requests.
  • Use Case: A website's LCP is too high, causing users to abandon the page. This Skill can analyze the page, identify the large hero image as the culprit, and suggest using modern formats like WebP with proper sizing and lazy loading.

Quick Start

Use the optimize skill to improve the loading speed of the website's hero section.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I improve Core Web Vitals and reduce high LCP on my website?

Improve Core Web Vitals by analyzing load times and rendering bottlenecks to identify culprits like large hero images, then applying modern formats such as WebP with proper sizing and lazy loading.

What is the best way to optimize web interface loading speed and rendering performance?

The best way to optimize web performance is systematically auditing bundle sizes and runtime metrics to apply targeted strategies like image compression, code splitting, and CSS optimization.

How can I fix janky web animations and improve runtime rendering performance?

Fix janky web animations by identifying rendering bottlenecks during a performance audit and implementing GPU-accelerated animations to ensure smooth runtime rendering.

How do I reduce JavaScript bundle size to speed up frontend loading times?

Reduce JavaScript bundle size by analyzing the codebase for heavy dependencies and applying systematic optimization strategies like code splitting to minimize initial loading payloads.

Can I use this approach to optimize frontend assets like CSS, fonts, and images together?

Yes, you can optimize frontend assets together by systematically analyzing network requests and applying detailed guidance for CSS, fonts, and images to reduce overall loading times.