skills.rest
thiagofelix
thiagofelixCOMMUNITY
Explore all skills by this author →
GitHub

optimize

Diagnose UI performance issues and produce an evidence-based optimization plan.

Updated Aug 23, 2026
Search Tags:#performance#debugging#lighthouse#optimize#measurement#web#core-web-vitals
One-click install
npx skills add https://github.com/thiagofelix/medflow --skill optimize-thiagofelix
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/thiagofelix/medflow/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/thiagofelix/medflow --skill optimize-thiagofelix

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI performance issues across loading speed, rendering, animations, images, and bundle size, causing slow and janky experiences.

Core Features & Use Cases

  • Performance assessment: measure Core Web Vitals, load times, and bundle sizes to locate bottlenecks.
  • Guided optimization: provide a structured plan covering loading, rendering, animation, and network improvements.
  • Verification & monitoring: establish before/after metrics and ongoing monitoring to ensure sustained gains.

Quick Start

Run a full UI performance assessment to identify bottlenecks and produce an actionable optimization plan.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I diagnose and fix UI performance issues like slow loads and jank?▼

To diagnose and fix UI performance issues, measure Core Web Vitals, load times, and bundle sizes to locate bottlenecks across loading, rendering, and animations, then apply an evidence-based optimization plan.

What's the best way to measure Core Web Vitals and locate performance bottlenecks?▼

The best way to measure Core Web Vitals and locate bottlenecks is by running a full UI performance assessment that evaluates loading speed, rendering, animations, images, and bundle size to produce actionable metrics.

Can I optimize web and mobile apps during development for performance regressions?▼

Yes, you can optimize web and mobile apps during development and debugging to address performance regressions, define measurable Core Web Vitals targets, and receive a structured plan covering loading and rendering improvements.

How do I verify performance gains and establish ongoing monitoring after optimization?▼

Verify performance gains by establishing before and after metrics for Core Web Vitals and bundle sizes, then set up ongoing monitoring to ensure sustained UI optimization results across loading and rendering tasks.

Related Skills

Explore More Software Engineering Skills→
futureteafuturetea

Vite Configuration

Generate typed Vite configs for React and TypeScript projects.

Community
Advanced
simoabidsimoabid
1

performance-profiling

Measure Core Web Vitals and analyze runtime and bundle sizes with Lighthouse CLI.

Community
Intermediate
CENKSSSCENKSSS

shift-left-testing

Validate requirements and generate tests before coding in CI/CD pipelines.

Community
Advanced
logo-solutionslogo-solutions

browser-testing-with-devtools

Inspect live DOM, console, network, and performance state in Chromium-based browsers.

Official
Advanced