skills.rest
lasswellt
lasswelltCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

perf-profile

Profile bundle size, runtime performance, and Lighthouse results for Vue/Nuxt projects.

1|Updated Mar 18, 2026
Search Tags:#performance#vue#lighthouse#nuxt#bundle#web-vitals
One-click install
npx skills add https://github.com/lasswellt/cc-plugin-suite --skill perf-profile-lasswellt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: perf-profile
Source: https://github.com/lasswellt/cc-plugin-suite/tree/main/skills/perf-profile
Command: npx skills add https://github.com/lasswellt/cc-plugin-suite --skill perf-profile-lasswellt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Profiles bundle size, runtime performance, and Lighthouse scores to reveal optimization opportunities for Vue/Nuxt applications.

Core Features & Use Cases

  • Bundle size and composition analysis with actionable recommendations.
  • Runtime performance profiling for Vue 3 / Nuxt 3 apps, including Core Web Vitals.
  • Lighthouse audits and CWV thresholds to guide optimizations.
  • Generates a consolidated perf-profile report for project stakeholders.

Quick Start

Run the profiler against your Vue/Nuxt project to generate a complete performance profile report.

Frequently Asked Questions about perf-profile

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

FAQPage Schema
How do I profile bundle size and runtime performance for Vue 3 and Nuxt 3 apps?▼

You can profile bundle size and runtime performance by running this Skill against your Vue 3 or Nuxt 3 project. It analyzes bundle composition, measures Core Web Vitals, and generates a consolidated performance report with actionable optimization findings.

What is the best way to audit Lighthouse scores and Core Web Vitals for a Nuxt project?▼

The best way to audit Lighthouse scores and Core Web Vitals for a Nuxt project is using a profiling tool that checks CWV thresholds and documents findings. This Skill runs Lighthouse audits and produces a reproducible perf-profile report for project stakeholders.

Does this performance profiler work with different build tools in Vue and Nuxt?▼

Yes, this performance profiler works with Vue 3 and Nuxt 3 projects that use varying build tools. It safely applies bundle analysis, runtime profiling, and Lighthouse checks across different build configurations to document optimization opportunities.

How do I generate a reproducible performance profile report for Vue stakeholders?▼

You generate a reproducible performance profile report by running the profiler against your Vue or Nuxt application. It safely places Lighthouse results, bundle analysis, and runtime profiling data into a session-specific directory for stakeholder review.

Can I analyze bundle composition and identify optimization opportunities in a Vue app?▼

Yes, you can analyze bundle composition and identify optimization opportunities in a Vue app. This Skill profiles bundle size and runtime performance, applying Lighthouse audits to guide targeted optimizations and document actionable recommendations.

Related Skills

Explore More Software Engineering Skills→
Axel-DaMageAxel-DaMage
2

vue-expert

Configure Vue 3 projects with Composition API, Pinia, Nuxt 3, Quasar, Capacitor, and Vite.

Community
Advanced
elsolalelsolal
1

performance-auditor

Audit web app performance and generate prioritized optimization reports.

Community
Advanced
SamuelSahaSamuelSaha

Performance Optimization

Optimize frontend performance with Core Web Vitals, lazy loading, and code splitting.

Community
Advanced
SergeiGolosSergeiGolos
1

performance-profiling

Audit web performance with Lighthouse and analyze bundle sizes.

Community
Intermediate