performance
Installation
SKILL.md
Performance Fix
Systematically find and fix performance issues in $ARGUMENTS (or the whole app if no argument is given). Always measure first — never optimize blindly.
Step 1 — Measure baseline before touching anything
Run the production build and capture metrics before making any changes:
pnpm run build
pnpm run preview
Open the app in Chrome and capture:
- Lighthouse score (Performance tab → Run audit)
- React Profiler (React DevTools → Profiler → Record an interaction)
- Note the components with the longest render times and highest render counts