skills.rest
vobase
vobaseOFFICIAL
Explore all skills by this author →
GitHub

optimize

Optimizes web frontend and SPA performance by measuring Core Web Vitals and prescribing targeted fixes.

59|14|Updated Mar 1, 2026
Search Tags:#performance#rendering#web-performance#bundle-size#image-optimization#core-web-vitals#lcp
One-click install
npx skills add https://github.com/vobase/vobase --skill optimize-vobase
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/vobase/vobase/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/vobase/vobase --skill optimize-vobase

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improve interface performance by identifying and fixing bottlenecks that slow loading, rendering, animations, images, and increase bundle size so users experience faster, more responsive applications.

Core Features & Use Cases

  • Measurement-first diagnostics: Collect Core Web Vitals, load times, bundle and network analysis, runtime CPU/memory profiling, and waterfall breakdowns.
  • Targeted optimizations: Recommendations for image delivery, code splitting, lazy loading, CSS/font optimization, rendering improvements, and animation best practices.
  • Use Case: Audit a slow landing page to reduce Largest Contentful Paint, lower JavaScript payloads, and implement responsive image loading to improve mobile performance and user retention.

Quick Start

Use the optimize skill to analyze the homepage, identify the top performance bottlenecks, and produce a prioritized optimization plan.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I reduce Largest Contentful Paint and improve Core Web Vitals?▼

To reduce LCP and improve Core Web Vitals, analyze load times and network waterfalls, then apply image optimization, code splitting, and lazy loading to lower payload sizes and hit performance targets.

What is the best way to minimize JavaScript bundle size in a single-page application?▼

Minimizing JavaScript bundle size requires analyzing bundle characteristics, then prescribing code splitting and lazy loading to remove unused JavaScript and reduce the initial network payload.

How do I optimize web fonts and CSS to speed up landing page loading?▼

Optimize web fonts and CSS to speed up landing page loading by auditing waterfall breakdowns and applying CSS improvements alongside responsive image loading to decrease render-blocking resources.

Why do my web interface animations stutter and how can I improve rendering smoothness?▼

Interface animations stutter due to rendering bottlenecks identified through runtime CPU and memory profiling. Improve animation smoothness by applying rendering improvements and animation best practices.

Can I audit mobile web performance and image delivery without external dependencies?▼

Yes, you can audit mobile web performance and image delivery without external dependencies by collecting Core Web Vitals and bundle analysis, then prescribing responsive image loading and code splitting.

Related Skills

Explore More Software Engineering Skills→
jcdiv47jcdiv47

optimize

Diagnose and fix frontend performance bottlenecks using Core Web Vitals and bundle analysis.

Community
Intermediate
ZendevveZendevve
31

optimize

Analyze Core Web Vitals and optimize JavaScript, CSS, and image delivery.

Community
Advanced
SamuelSahaSamuelSaha

Performance Optimization

Optimize frontend performance with Core Web Vitals, lazy loading, and code splitting.

Community
Advanced
alicanerdoganalicanerdogan
1

i-optimize

Diagnose UI performance issues and deliver implementable optimization plans.

Community
Intermediate