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

Ready to run

npx skills add https://github.com/Techlemariam/IronForge --skill performance-profiler-techlemariam

💬 Prompt for ChatGPT / Claude Chat▼

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.