Audit a page's weight against a declared byte budget. Loads the URL, records a HAR, classifies entries by asset category (js/css/image/font), tags third-party requests, and compares totals to budget. Returns violations + graduated pass/warn/fail status. Driven by Playwright, observed entirely in-browser.
EnglishFind error handling gaps including swallowed exceptions, missing handlers, inconsistent error responses, and reactive error handling…
EnglishMeasure Core Web Vitals (LCP, INP, CLS) on a live page using PerformanceObserver injection. Returns metrics + thresholds verdict per web.dev good/needs-improvement/poor bands. Chromium-only — Firefox and WebKit ship partial PerformanceObserver coverage.
EnglishGenerate a runnable e2e test file (playwright-test, vitest+playwright, or pytest+selenium) from a scenario description plus an optional replay bundle from a prior /verify-ui run.
English
AGENT SKILLS ATLASIncludes Audit Page Budget, Check Errors, Measure Cwv, and other workflows.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLISupported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
Audit Page Budget
Audit a page's weight against a declared byte budget. Loads the URL, records a HAR, classifies entries by asset category (js/css/image/font), tags third-party requests, and compares totals to budget. Returns violations + graduated pass/warn/fail status. Driven by Playwright, observed entirely in-browser.
Check Errors
Find error handling gaps including swallowed exceptions, missing handlers, inconsistent error responses, and reactive error handling issues
Measure Cwv
Measure Core Web Vitals (LCP, INP, CLS) on a live page using PerformanceObserver injection. Returns metrics + thresholds verdict per web.dev good/needs-improvement/poor bands. Chromium-only — Firefox and WebKit ship partial PerformanceObserver coverage.
Scaffold E2E
Generate a runnable e2e test file (playwright-test, vitest+playwright, or pytest+selenium) from a scenario description plus an optional replay bundle from a prior /verify-ui run.
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the Audit Page Budget skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- Reported license for the skills shown: MIT. The author’s terms apply.