whereismyai
Web Quality Skills
Web Quality Skills is an agent skill collection for optimizing web quality based on Lighthouse and Core Web Vitals.
Web Quality Skills is an unofficial collection of agent skills designed to help developers optimize web projects for performance, accessibility, and search engines. It works with any framework such as React, Vue, Angular, Svelte, Next.js, and plain HTML. The tool combines live Lighthouse audits, performance traces, CrUX field data, and static source inspection to diagnose and fix bottlenecks. It supports WCAG 2.2 accessibility standards and modern SEO requirements. Developers can install the skills via CLI tools or plugins into environments like Claude Code, Codex, and Gemini CLI.
Web Quality Skills at a glance
Key features
- Run live Lighthouse audits across multiple categories
- Analyze performance traces for loading and runtime bottlenecks
- Measure field and lab data using CrUX
- Optimize Core Web Vitals metrics including LCP, INP, and CLS
- Audit accessibility compliance against WCAG 2.2 standards
- Review modern SEO requirements and structured data
- Inspect static source code when pages cannot run
Use it for
- Audit website quality and lighthouse metrics
- Improve performance and speed up loading times
- Fix Core Web Vitals issues like LCP and CLS
- Perform accessibility and WCAG compliance reviews
- Optimize sites for search engine optimization and SEO
Alternatives to Web Quality Skills
- Agent Skills — Encodes senior-engineer workflows and quality gates into 24 skills.
- Website Rebuild Skill — Provides line-level code traceability and automated multi-layer pixel accuracy.
- Build faster with expert skills — Connects expert methods to Claude Code and Codex through MCP.
- Claude Skills — Routes tasks to cheaper models and proves fixes with exit codes.
- UI Skills — Curated skills for building polished frontend interfaces.
- Tech Leads Agent Skills — Extends AI coding agents with security-scanned, specialized workflows and tools.
- Google Agent Skills — Access pre-configured automation skills for Google Cloud and developer tools.
- Eval Skills — Guides coding agents from first execution to validated graders and experiments.
- QualityMax — Verifies AI-generated code with independent quality gates and auto-healing tests.
- .NET Skills — Curated .NET skills and custom agents for AI coding assistants.
- Dashboard Design Skill — Distilled from 127 shipped dashboards and built-in screenshot QA passes.
- Cloudflare Skills — Provides contextual agent skills and MCP servers for building on Cloudflare.
All Web Quality Skills alternatives