web-performance
Installation
SKILL.md
Web performance
Measure the page or interaction, connect the recorded work to its source, then change the part that costs time. Sources are the existing browser guides below: Florian Kiem's loading demos, kciter.so's main-thread article, Vercel's performance rules, React Doctor's performance skill, Lighthouse and Lighthouse CI, with the linked browser and framework documentation and existing source corrections preserved.
Apply only the routes and checks for the selected job. Read a linked skill's named file from its installed folder when available, or from the linked source. Report an unavailable required reference instead of inventing it. [skill-authoring, DISTRIBUTION.md#composing-skills]
| The job | Read |
|---|---|
| Choose the page-loading, responsiveness, tracing or lab-gate task | SKILL.md |
| Loading boundaries, prefetching, fonts/scripts, images/video, layout shifts, long lists, DOM/canvas and tab icons | BROWSER.md |
| Long tasks, yielding, batching, priorities, layout reads/writes, scrolling and Web Workers | MAIN-THREAD.md |
| Record one interaction, distinguish browser and React work, connect timing to source and compare a fix | RUNTIME-TRACE.md |
| Read Lighthouse scores and audit IDs, configure assertions and budgets, manage variance and report storage | LIGHTHOUSE-CI.md |