performance-audit

Analyze codebase artifacts to identify frontend performance bottlenecks without Lighthouse.

Updated Apr 15, 2026
One-click install
npx skills add https://github.com/AAbdulghany/fms --skill performance-audit-aabdulghany
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-audit
Source: https://github.com/AAbdulghany/fms/tree/main/.claude/skills/performance-audit
Command: npx skills add https://github.com/AAbdulghany/fms --skill performance-audit-aabdulghany

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Deep-dive performance analysis focused on what's measurable from the codebase without running Lighthouse. Checks bundle size, image optimization, lazy loading, code splitting, and caching configuration. Invoke when /launch-check's performance row shows WARN or FAIL.

Core Features & Use Cases

  • Automated analysis: detect and report on frontend performance bottlenecks directly from code artifacts.
  • Targeted checks: bundle size, image optimization, lazy loading, code splitting, caching strategy.
  • Use Case: use this to preflight a project before a major release, ensuring no obvious performance regressions.

Quick Start

Run the performance audit locally to surface actionable optimizations for the codebase.

Frequently Asked Questions about performance-audit

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

FAQPage Schema
How do I analyze frontend performance bottlenecks without running Lighthouse?

Frontend performance bottlenecks can be identified by analyzing codebase artifacts directly, bypassing Lighthouse to inspect static builds and assets. This process surfaces issues in bundle size, image optimization, lazy loading, and code splitting without executing runtime tests.

What is static code analysis for web performance and how does it work?

Static code analysis for web performance examines build outputs and caching configurations to quantify bottlenecks. It works by parsing file names and sizes across your project to report recommended fixes for bundle and asset optimization without running the application.

How do I check bundle size and code splitting configurations before a release?

Check bundle size and code splitting configurations by running a static performance audit on your project. This preflight scan examines build artifacts to ensure no obvious performance regressions exist prior to a major release, reporting findings with specific file names and sizes.

Can I detect image optimization and lazy loading issues from my source code?

Yes, you can detect image optimization and lazy loading issues by applying static analysis to your codebase artifacts. The audit targets these specific areas alongside caching configuration to quantify bottlenecks and provide recommended fixes without runtime execution.

Does this static performance audit require any runtime environment or dependencies?

No, this static performance audit requires no runtime environment or dependencies to function. It operates directly on codebase artifacts, analyzing builds, assets, and caching configurations to surface frontend performance issues without executing Lighthouse or live tests.

When should I use a codebase performance audit instead of Lighthouse?

Use a codebase performance audit instead of Lighthouse when you need to preflight a project before a major release or when runtime tests are not feasible. It identifies static issues in bundle size and asset configuration without running the application.