skills.rest
Techlemariam
TechlemariamCOMMUNITY
Explore all skills by this author →
GitHub

performance-profiler

Measure Lighthouse and Web Vitals metrics in Next.js projects.

Updated Aug 27, 2026
Search Tags:#automation#performance#lighthouse#nextjs#web-vitals#bundle-analysis
One-click install
npx skills add https://github.com/Techlemariam/IronForge --skill performance-profiler-techlemariam
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-profiler
Source: https://github.com/Techlemariam/IronForge/tree/main/.agent/skills/performance-profiler
Command: npx skills add https://github.com/Techlemariam/IronForge --skill performance-profiler-techlemariam

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Measures and surfaces key web performance metrics (Lighthouse and Web Vitals) to identify opportunities to optimize Next.js apps.

Core Features & Use Cases

  • Automated Lighthouse runs to capture LCP, FID, CLS, and TTI.
  • Bundle analysis to highlight size bottlenecks and optimization opportunities.
  • Use with CI or local development to validate performance before deployment.

Quick Start

Run automated performance checks against your app to generate Lighthouse reports and bundle analyses.

Frequently Asked Questions about performance-profiler

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

FAQPage Schema
How do I automate Lighthouse performance profiling for a Next.js app?▼

Automate Lighthouse runs against a running Next.js app to capture key metrics like LCP, FID, CLS, and TTI. This process generates reports that surface performance opportunities for both local development and CI environments.

What is the best way to analyze bundle size bottlenecks in Next.js?▼

Run an automated bundle analysis to highlight size bottlenecks and optimization opportunities within your Next.js project. This identifies large dependencies and inefficient imports to help reduce overall bundle size.

Can I measure Web Vitals like LCP and CLS in a CI pipeline?▼

Yes, you can run automated performance checks in CI to validate Web Vitals like LCP and CLS before deployment. This requires a running app and analysis scripts to execute the checks automatically.

Does this performance profiler require a specific Next.js folder structure?▼

This performance profiler applies to Next.js projects utilizing a next.config.ts file and a src/app/ directory structure. Your app must be running locally or in CI to execute the Lighthouse and bundle analysis scripts.

Why do I need a running app to measure Web Vitals and bundle efficiency?▼

You need a running app to measure Web Vitals and bundle efficiency because Lighthouse requires a live server to evaluate runtime performance metrics like TTI and LCP. The analysis scripts execute automated checks against this active instance.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
michaelshimelesmichaelshimeles
14

react-best-practices

Optimize React and Next.js performance by eliminating waterfalls and reducing bundle size.

Community
Intermediate
hopeoverturehopeoverture
6

performance-budget-enforcer

Enforce performance budgets on bundle sizes, Lighthouse scores, and Web Vitals in CI/CD pipelines.

Community
Advanced
ftnilssonftnilsson

Frontend Performance

Measure and diagnose frontend performance using Core Web Vitals and Lighthouse.

Community
Advanced