perf-audit

Audit Vue.js frontend performance against a predefined baseline.

1|Updated Jun 4, 2026
One-click install
npx skills add https://github.com/TarasTsavolyk/claude-code-frontend --skill perf-audit-tarastsavolyk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: perf-audit
Source: https://github.com/TarasTsavolyk/claude-code-frontend/tree/main/.claude/skills/perf-audit
Command: npx skills add https://github.com/TarasTsavolyk/claude-code-frontend --skill perf-audit-tarastsavolyk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend performance issues can be time-consuming and difficult to diagnose. This Skill streamlines the process of identifying performance bottlenecks, making it easier to optimize applications.

Core Features & Use Cases

  • Performance Auditing: Analyze bundle size, code-splitting, render efficiency, and assets to identify performance issues.
  • Baseline Comparison: Compare current build performance against a predefined baseline to quickly detect regressions.
  • Rule-based Analysis: Utilize predefined rules to determine if performance is within acceptable limits.
  • Use Case: When you're experiencing slow load times or lag in a Vue.js application, use this Skill to quickly identify the source of the problem.

Quick Start

Run the perf-audit skill to review the performance of your Vue.js application's latest build.

Frequently Asked Questions about perf-audit

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

FAQPage Schema
How do I audit Vue.js performance bottlenecks in my application?

To audit Vue.js performance, this Skill analyzes your latest build to identify large bundle sizes, inefficient code splitting, and asset issues. It compares current metrics against a baseline to quickly detect regressions causing slow load times.

What causes slow load times in Vue.js applications?

Slow load times in Vue.js applications are frequently caused by large bundle sizes, inefficient code splitting, and asset-related problems. This Skill applies predefined rules to review your build and pinpoint exactly which of these issues is degrading performance.

Can I detect frontend performance regressions compared to a previous build?

Yes, you can detect frontend performance regressions by comparing your current build against a predefined baseline. This Skill evaluates your Vue.js application metrics to determine if performance falls outside acceptable limits.

How do I check code splitting efficiency in a Vue.js build?

To check code splitting efficiency, this Skill analyzes your Vue.js build output using predefined rules. It identifies inefficient code splitting and large bundles to help you isolate the source of lag and optimize asset delivery.

Does this performance auditing tool require any external dependencies?

No, this performance auditing tool requires no external dependencies to function. You can run it directly to review your Vue.js application's latest build and identify performance bottlenecks without additional environment setup.

What is the best way to identify large bundle sizes in Vue.js?

The best way to identify large bundle sizes is to run a rule-based performance audit on your Vue.js build. This Skill analyzes bundle composition and flags oversized assets that exceed acceptable limits, streamlining the optimization process.