Agent skill · design visual · aiskillstore
browser-audit
Run a pre-deploy browser audit of a live, preview, or local web page for accessibility, SEO, Lighthouse quality, and critical UX issues. Use when asked to audit a page/site before deployment, check WCAG 2.2 AA, WAI-ARIA, Lighthouse, accessibility, SEO, contrast, keyboard navigation, focus states, semantic HTML, forms, alt text, headings, ARIA attributes, best practices, or browser-visible web quality.
Why this skill is useful
Provides specific automation commands and detailed manual checklists for accessibility and SEO audits that the AI wouldn't reliably generate on its own.
What it needs
Requires axe, lighthouse, playwright installed locally. About 3k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Browser Audit Audit the rendered page in a real browser before deployment. Treat Lighthouse and automated accessibility checks as strong signals, not as a complete conformance claim. Always include manual browser checks for anything automation cannot prove reliably. Workflow 1. Confirm scope: target URL, viewport(s), auth state, and key user flows. If unspecified, audit the provided/current page at desktop and mobile widths. 2. Open the page in a browser. For localhost or preview URLs, use the available browser automation/in-app browser tooling. Capture at least one screenshot per viewport when possible. 3. Run automated checks: Lighthouse categories: accessibility, seo, best-practices, and performance when performance risk matters. Browser console errors, failed network requests, mixed content, CSP/security warnings. DOM checks for title, meta description, canonical, robots, viewport, html[lang], heading structure, image alt text, form labels, accessible names, duplicate IDs, invalid/broken ARIA references, landmark presence, and empty/ambiguous links/buttons. Accessibility tree inspection for key navigation, dialogs, controls, forms, and repeated components. 4. Run manual browser checks: Keyboard-only navigation: Tab, Shift+Tab, Enter, Space, Escape, arrow keys for composite widgets, no unreachable controls, no unexpected traps. Focus visibility and focus management: visible focus, not obscured by sticky UI, dialogs trap/restore focus, route changes place focus sensibly. Contrast and visual states: text, icons, borders, disabled/error/focus states, hover-only information, active navigation. Responsive UX: mobile width, 200% zoom if practical, target sizes, no horizontal scroll, no overlapping text or controls. Forms and validation: labels, required/invalid states, error messages, autocomplete, redundant-entry risk, submit feedback. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/browser-audit