Skills
.Work. You
Rest

bee:dev-frontend-performance-vuejs

Community

Vue.js frontend performance gate

Software Engineering#performance#frontend#bundle size#lighthouse#vuejs#core web vitals#nuxt3
Authorluanrodrigues
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures Vue.js 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 defined thresholds.
  • Lighthouse Performance Audits: Ensures a Lighthouse performance score of 90 or higher.
  • Bundle Size Optimization: Monitors and controls the growth of JavaScript bundle sizes.
  • Nuxt 3 Optimization Verification: Checks for correct usage of performance-enhancing Nuxt 3 features like useAsyncData, useLazyFetch, and NuxtImg.
  • Use Case: After implementing new features in a Nuxt 3 application, this Skill automatically runs performance tests to confirm that the changes haven't negatively impacted user experience or introduced performance regressions before code review.

Quick Start

Run the bee:dev-frontend-performance-vuejs skill to validate the performance of the latest Vue.js frontend code.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: bee:dev-frontend-performance-vuejs
Download link: https://github.com/luanrodrigues/ia-frmwrk/archive/main.zip#bee-dev-frontend-performance-vuejs

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.