optimize

Name: optimize
Availability: InStock
Author: oriys

Identify and fix web interface performance bottlenecks using Core Web Vitals metrics.

Updated Mar 6, 2026

Search Tags:#performance #frontend #optimization #rendering #web #loading #core-web-vitals

Ready to run

npx skills add https://github.com/oriys/domino --skill optimize-oriys

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/oriys/domino/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/oriys/domino --skill optimize-oriys

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance issues in UI lead to slow loading, janky interactions, and poor user satisfaction. This Skill helps identify and fix performance bottlenecks across loading, rendering, and asset efficiency.

Core Features & Use Cases

Identify bottlenecks using Core Web Vitals (LCP, FID/INP, CLS), load times, bundle sizes, runtime performance, and network requests.
Propose optimization strategies for images, JavaScript, CSS, fonts, and loading strategy to improve LCP, FID, CLS.
Apply across web or app interfaces to deliver faster initial load, smoother interactions, and consistent UI.

Quick Start

Begin by measuring current performance with a baseline, then implement image optimization, code-splitting, and CSS improvements.

Frequently Asked Questions about optimize

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

FAQPage Schema

How do I identify frontend performance bottlenecks using Core Web Vitals?▼

Improve web loading speed through image optimization, JavaScript code-splitting, and CSS efficiency improvements. These strategies reduce bundle size and optimize asset loading to directly enhance initial load times and overall page speed.

What causes janky interactions and how do I fix rendering performance?▼

Janky interactions stem from unoptimized rendering and heavy runtime performance. Fix rendering performance by profiling network requests, minimizing JavaScript execution, and applying optimization strategies to CSS and fonts for smoother interactions.

How do I validate frontend optimization improvements with before and after metrics?▼

Validate frontend optimization improvements by measuring current performance to establish a baseline before applying changes. After implementing image and code optimizations, compare the updated Core Web Vitals and load times against the initial metrics.

When do I need to optimize bundle size for web interfaces?▼

Optimize bundle size for web interfaces when initial loading is slow or Core Web Vitals indicate poor performance. Reducing JavaScript and CSS bundle sizes through code-splitting directly improves loading speed and runtime efficiency.