20 powerful examples for Melinda Maria
Copy, tweak, make them yours. Just describe the task — Claude loads the skill automatically.
01"Run a full Vercel-rules performance review on this Next.js page and group the findings from critical to low."
02"Tell me which server-side vs client-side data-fetching choices in this code are hurting speed, and the fix for each."
03"Walk through bundle-size optimizations for an MM React site and which ones matter most on mobile."
04"Refactor a re-render-heavy component using these rules and explain, plainly, why each change helps."
05"Audit this codebase across all 8 categories and give me a scorecard of where we’re weakest."
06"Find every data waterfall in this checkout flow and rewrite them to load in parallel."
07"Review our use of use client and tell me which components could move to the server."
08"Identify the biggest contributors to first-load JS on this page and how to cut them."
09"Refactor this component to avoid re-rendering the whole product list when one item changes."
10"Tell me which images and fonts are blocking render and apply the recommended loading pattern."
11"Review caching and revalidation choices on this Next.js route for our storefront."
12"Show me where Suspense boundaries would improve perceived speed on a collection page."
13"Audit third-party scripts in this app and recommend deferring or removing the heavy ones."
14"Refactor data fetching to colocate it with the components that need it, per these rules."
15"Find unnecessary client-side libraries we could drop to shrink the bundle."
16"Review route-level code splitting and tell me what’s loading that shouldn’t be."
17"Prioritize the 70 rules for our specific page and give me the ten that matter most here."
18"Refactor a context provider that’s causing wide re-renders into something tighter."
19"Compare two implementations of the same component and tell me which is faster and why."
20"Give me a thorough, ranked remediation plan for this React app’s performance, with effort estimates."
