optimize

Identify and apply performance optimizations to web interfaces for loading and rendering.

Updated Feb 5, 2026
One-click install
npx skills add https://github.com/mheers/opencode-sandbox --skill optimize-mheers
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/mheers/opencode-sandbox/tree/main/skills/optimize
Command: npx skills add https://github.com/mheers/opencode-sandbox --skill optimize-mheers

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance bottlenecks in web interfaces slow down user experiences; this Skill guides you to measure and fix them to deliver faster, smoother apps.

Core Features & Use Cases

  • Performance auditing: measure Core Web Vitals, TTI, FCP, CLS, and loading times to identify bottlenecks.
  • Optimization strategies: image optimization, code-splitting, CSS optimization, font loading, and rendering improvements.
  • Use Case: when a page feels laggy on mobile, apply these techniques to reduce latency and improve responsiveness.

Quick Start

Run a performance audit on your app and apply the recommended optimizations.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I improve web performance and fix laggy interfaces on mobile?

To improve web performance on mobile, you must audit loading, rendering, and animation bottlenecks. This Skill guides you in applying image optimization, code-splitting, and CSS improvements to reduce latency and deliver faster, smoother web apps.

How do I optimize Core Web Vitals like CLS and FCP for my web app?

To optimize Core Web Vitals, you need to measure metrics like CLS, FCP, and TTI to identify bottlenecks. This Skill provides structured checklists and measurable outcomes to verify improvements in your loading and rendering performance.

What is the best way to reduce rendering bottlenecks in modern web apps?

The best way to reduce rendering bottlenecks is to apply targeted optimization strategies for images, JavaScript, CSS, and font loading. This Skill measures frame rates and guides you through structured rendering improvements for smoother apps.

Can I use this to perform a performance audit without external dependencies?

Yes, you can perform a performance audit without external dependencies. This Skill operates independently to measure loading times and Core Web Vitals, providing structured guidance to verify improvements.

What optimization strategies are needed to improve web loading times?

Optimization strategies needed to improve web loading times include image optimization, code-splitting, CSS optimization, and font loading improvements. This Skill helps you apply these techniques to achieve measurable improvements in loading performance.

Why does my web page feel laggy and how do I fix animation bottlenecks?

Your web page feels laggy due to rendering and animation bottlenecks. You fix this by applying optimization techniques across JavaScript and CSS to improve frame rates, resulting in a smoother and more responsive user experience.