skills.rest
marcoguillermaz
marcoguillermazCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

perf-audit

Audit web and native stacks for performance bottlenecks and generate structured reports.

3|Updated Mar 17, 2026
Search Tags:#performance#audit#n+1#data-fetching#lazy-loading#web-vitals#bundle-size
One-click install
npx skills add https://github.com/marcoguillermaz/claude-dev-kit --skill perf-audit-marcoguillermaz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: perf-audit
Source: https://github.com/marcoguillermaz/claude-dev-kit/tree/main/packages/cli/templates/tier-m/.claude/skills/perf-audit
Command: npx skills add https://github.com/marcoguillermaz/claude-dev-kit --skill perf-audit-marcoguillermaz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates structured performance audits to identify bottlenecks in frontend and backend stacks, focusing on bundle size, lazy loading, data fetching, caching, N+1 queries, and image optimization.

Core Features & Use Cases

  • Comprehensive web/native performance checks (B1–B9, P1–P3, NR1–NR3) with a ready-to-use report template.
  • Scoped audits with target:section, target:page, and mode: audit|apply for full or focused assessments.
  • Out-of-the-box workflow and guidance for generating reports and applying fixes in mode:apply.

Quick Start

Run the audit with the CLI to start a full audit or a targeted page/section audit.

Frequently Asked Questions about perf-audit

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

FAQPage Schema
How do I audit web performance bottlenecks like large bundle size and N+1 queries?▼

A web performance audit identifies bottlenecks by checking bundle size, lazy loading, data fetching, caching, N+1 queries, and image optimization. It performs step-by-step checks and returns a structured report.

Can I run a performance audit on a specific page or section instead of the whole app?▼

Yes, you can run a performance audit on a specific page or section by applying scope targeting with target:section or target:page. This allows a focused assessment rather than a full application audit.

What is the difference between audit and apply mode when checking web vitals?▼

Audit mode generates a structured report of performance bottlenecks, while apply mode provides guidance for generating reports and applying fixes directly to optimize web vitals.

Does this performance audit tool work with native stacks or only web applications?▼

The performance audit works with both web and native stacks. It performs structured checks across web and native patterns, bundle analysis, and API efficiency to identify bottlenecks in either environment.

How do I check for data fetching and caching inefficiencies during a bundle analysis?▼

To check for data fetching and caching inefficiencies, perform a structured performance audit that guides step-by-step checks for API efficiency, bundle size, and lazy loading, returning a report with optional changes.

What are the limitations of automated performance audits for frontend optimization?▼

Automated performance audits require explicit configuration and reporting parameters to function correctly. Scoped audits are limited to the defined target:page or target:section, focusing only on specified bottleneck areas.

Related Skills

Explore More Software Engineering Skills→
OpenLaborOpenLabor
4

Performance Audit

Audit application performance to identify bottlenecks and improve responsiveness.

Official
Intermediate
SnakeOSnakeO
9

debug:react

Diagnose React UI errors and performance bottlenecks with structured debugging workflows.

Community
Advanced
allenlin90allenlin90
1

frontend-performance

Optimize React applications with code splitting, memoization, and Web Vitals monitoring.

Community
Advanced
DanielPodolskyDanielPodolsky
274

performance-fundamentals

Identify performance bottlenecks in queries, renders, and data flows.

Community
Basic