Web Performance — Review Skill

The performance review lens for web UI: what the page costs to load and to interact with, measured against a budget. Framework-neutral — the metrics and diagnoses are the same for any stack; examples are HTML plus a little TSX for where a framework changes the fix.

Builds on. react, angular, or vue for the framework rendering and hydration API (their rendering and SSR groups), and architecture-and-design for data fetching, caching, and state strategy. On a conflict, this skill sets the budget and the diagnosis and the framework skill decides the API that meets it. Load a sibling only when the task turns on its layer; if it is not loaded, apply that layer from general knowledge and do not block.

This SKILL.md is self-sufficient: the Ruleset below is the complete, enforceable list. Each references/<topic>.md holds that group's reasoning and ❌ / ✅ code, and references/worked-example.md a full review pass; open them for depth when your runtime allows.

How to Use This Skill