skills.rest
luanrodrigues
luanrodriguesCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

bee:dev-frontend-performance

Validate Core Web Vitals, Lighthouse scores, and bundle size against defined thresholds.

2|1|Updated Mar 3, 2026
Search Tags:#performance#frontend#web vitals#optimization#bundle size#lighthouse
One-click install
npx skills add https://github.com/luanrodrigues/ia-frmwrk --skill bee-dev-frontend-performance
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bee:dev-frontend-performance
Source: https://github.com/luanrodrigues/ia-frmwrk/tree/main/dev-team/skills/dev-frontend-performance
Command: npx skills add https://github.com/luanrodrigues/ia-frmwrk --skill bee-dev-frontend-performance

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that frontend applications meet critical performance benchmarks, preventing slow load times and poor user experiences.

Core Features & Use Cases

  • Core Web Vitals Compliance: Validates LCP, CLS, and INP scores against established thresholds.
  • Lighthouse Performance Audits: Ensures a Lighthouse performance score of 90 or higher.
  • Bundle Size Monitoring: Tracks and limits the increase in JavaScript bundle size.
  • Component Optimization: Audits the usage of client components and identifies performance anti-patterns.
  • Use Case: After implementing new features, run this Skill to guarantee that the application remains fast and responsive for all users, regardless of their device or network conditions.

Quick Start

Run frontend performance tests for the task 'task-001' using the implementation files provided.

Frequently Asked Questions about bee:dev-frontend-performance

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

FAQPage Schema
How do I validate Core Web Vitals and Lighthouse scores for my web application?▼

Validate Core Web Vitals and Lighthouse scores by measuring LCP, CLS, and INP against defined thresholds, ensuring a performance score of 90 or higher to prevent slow load times.

What is the best way to monitor JavaScript bundle size and prevent performance anti-patterns?▼

Monitoring JavaScript bundle size involves tracking and limiting increases while auditing client components to identify performance anti-patterns, ensuring the web application remains fast and responsive.

How does frontend performance optimization impact user experience on different devices?▼

Frontend performance optimization guarantees applications remain fast and responsive across all devices and network conditions by enforcing compliance with established web vitals and bundle size standards.

When do I need to run frontend performance tests during development?▼

Run frontend performance tests after implementing new features to ensure the application meets critical performance benchmarks and maintains a Lighthouse score of 90 or higher.

Does this frontend performance validation require specific dependencies or setup?▼

This validation process operates without external dependencies, requiring only your implementation files to measure Core Web Vitals, Lighthouse scores, and bundle size against defined optimization thresholds.

Related Skills

Explore More Software Engineering Skills→
jfrometajfrometa

performance-profiling

Run automated Lighthouse audits and parse report JSON for web performance scores.

Community
Advanced
nazrulsoftwaredevnazrulsoftwaredev

react-performance

Optimize React and Next.js performance by reducing waterfalls, bundle size, and re-renders.

Community
Advanced
hopeoverturehopeoverture
6

performance-budget-enforcer

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

Community
Advanced
ZainEldeen-Ashraf-Ibrahim-Ibrahim-SamakZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak

optimize

Diagnose and fix UI performance issues using Core Web Vitals measurements.

Community
Advanced