skills.rest
nattergabriel
nattergabrielCOMMUNITY
Explore all skills by this author →
𝕏@eterdevGitHub

optimize

Identify and fix performance bottlenecks in front-end interfaces and app UIs.

2|Updated Mar 18, 2026
Search Tags:#performance#frontend#optimize#loading#web-vitals#bundle-size
One-click install
npx skills add https://github.com/nattergabriel/oasis-greenhouse --skill optimize-nattergabriel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/nattergabriel/oasis-greenhouse/tree/main/frontend/.agents/skills/optimize
Command: npx skills add https://github.com/nattergabriel/oasis-greenhouse --skill optimize-nattergabriel

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamline and accelerate user interfaces by identifying and fixing performance bottlenecks across loading, rendering, and animations to deliver faster, more responsive experiences.

Core Features & Use Cases

  • Performance assessment: measure core web vitals, load times, and frame rates to reveal bottlenecks.
  • Optimization strategies: image, JS, CSS, fonts, and rendering improvements with concrete examples.
  • Use Case: Apply to a slow web app where initial load latency and jank hinder user satisfaction, then implement targeted fixes to restore smoothness.

Quick Start

Run a baseline performance audit on your app and implement the top three fixes that improve perceived speed.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I identify and fix frontend performance bottlenecks?▼

This process assesses core web vitals, load times, and frame rates to reveal performance bottlenecks. It then applies targeted image, JS, CSS, and font improvements to restore smoothness and accelerate frontend interfaces.

What is the best way to improve core web vitals and reduce bundle size?▼

Improving core web vitals and reducing bundle size involves applying targeted optimization strategies for images, JS, CSS, and fonts. These concrete improvements directly enhance loading optimization and rendering efficiency for web apps.

Why does my web app have slow initial load latency and rendering jank?▼

Slow initial load latency and rendering jank stem from unoptimized loading, rendering, and animations. Identifying these performance bottlenecks through a baseline audit allows you to implement targeted fixes to restore smoothness.

How do I run a baseline performance audit for a slow web app?▼

Run a baseline performance audit by measuring core web vitals, load times, and frame rates to reveal bottlenecks. Then implement the top three fixes that improve perceived speed to restore interface smoothness.

Does this approach work for both web and mobile app UIs?▼

Yes, this optimization approach applies to both web and mobile app UIs. It implements targeted fixes for loading optimization, rendering efficiency, and animation polish across platforms to deliver faster, more responsive experiences.

Related Skills

Explore More Software Engineering Skills→
sanity-iosanity-io
6.3k

performance-optimization

Measure, profile, and optimize application performance with repeatable validation.

Official
Advanced
HieubkavHieubkav

web-performance-audit

Measure Core Web Vitals and identify web performance bottlenecks.

Community
Advanced
viably-labsviably-labs

role-frontend:frontend-performance

Diagnose Core Web Vitals and optimize frontend resource loading.

Official
Intermediate
Icebane84Icebane84

performance-profiling

Run Lighthouse audits and parse JSON category scores into summaries.

Community
Intermediate