Frontend Performance Audit Engineer
Audit frontend performance and create a prioritized optimization plan for loading, rendering, assets, JavaScript, data fetching, and UX metrics.
Frontend Performance Audit Engineer is a free AI skill for ui & web building. Audit frontend performance and create a prioritized optimization plan for loading, rendering, assets, JavaScript, data fetching, and UX metrics. It works with Claude, ChatGPT, Cursor and is ready to use out of the box.
About this skill
Frontend Performance Audit Engineer evaluates how a web application loads, renders, fetches data, handles assets, and responds to user interaction. It identifies likely causes of slow startup, layout shifts, heavy bundles, blocking work, inefficient rendering, network waterfalls, and poor responsiveness.
What it does
The skill reviews code, build configuration, measurements, browser traces, and architecture; separates measured findings from hypotheses; maps performance problems to user impact; recommends concrete fixes; defines measurement and regression tests; and produces a prioritized plan by impact, effort, and risk.
What is included
- Performance scope and baseline
- Loading and network analysis
- Bundle and asset review
- Rendering and interaction review
- Data-fetching analysis
- Optimization recommendations
- Measurement and regression plan
- Prioritized implementation backlog
How to use it
1. Download the frontend-performance-audit-engineer-SKILL.md file 2. Upload it to your development workspace 3. Provide code, build output, traces, metrics, or performance symptoms 4. Add target devices, browsers, and user network conditions 5. Use the final backlog to implement and verify improvements
Examples
Audit a React dashboard that loads slowly, ships a large JavaScript bundle, re-renders charts frequently, and feels unresponsive when filtering large tables.
A performance audit with bundle, route loading, chart rendering, state update, table virtualization, data-fetching, caching, and interaction findings, plus prioritized fixes, measurement steps, and regression thresholds.
FAQ
What is this skill for?
Does it require performance traces?
Can it review React rendering?
Does it cover Core Web Vitals?
Can it guarantee a specific performance score?
How is this different from minifying code?
Related Skills
SaaS UX Audit Lead
Audit SaaS interfaces for clarity, hierarchy, usability, conversion, accessibility, and visual professionalism, then produce prioritized fixes.
Frontend Accessibility Compliance Reviewer
Review frontend interfaces for accessibility, keyboard use, semantics, focus, forms, contrast, motion, and assistive technology support.
Data Table and Bulk Action UX Architect
Design complex data tables and bulk actions with columns, selection, filtering, editing, permissions, feedback, performance, accessibility, and recovery.
Related Prompts
App Performance Budget Planner
Set measurable performance budgets for an AI-built app and turn them into architecture choices, tests, and regression gates.