addyosmani/web-quality-skills

Registry 信息

项目简介

一个Claude Skill仓库，提供基于Lighthouse审计和核心网页指标（Core Web Vitals）的网页质量优化代理技能。

要点

• 基于Lighthouse的网页质量优化
• 核心网页指标性能分析
• 自动化测试代理技能
• 基于Shell的实现
• 关注可访问性与性能
• 与Claude Skills框架集成

使用场景

• 自动化网页性能审计
• 核心网页指标监控与优化
• 可访问性合规测试
• 网页质量基准测试
• 持续集成质量检查
• 开发者工作流优化

README 摘要

# Web Quality Skills An (unofficial) comprehensive collection of [Agent Skills](https://agentskills.io/) for optimizing web projects based on [Google Lighthouse](https://developer.chrome.com/docs/lighthouse/overview/) guidelines and Core Web Vitals best practices. **Stack-agnostic.** Works with any framework: React, Vue, Angular, Svelte, Next.js, Nuxt, Astro, plain HTML, and more. ## Why web quality skills? While interface guidelines tell you *what* to build, Web Quality Skills tell you *how* to build it performantly, accessibly, and optimally for search engines. These skills encode the collective wisdom from: - **150+ Lighthouse audits** across Performance, Accessibility, SEO, and Best Practices - **Core Web Vitals** optimization patterns (LCP, INP, CLS) - **Real-world performance engineering** experience - **WCAG 2.2** accessibility standards - **Modern SEO** requirements ## Available skills | Skill | Description | Use when | |-------|-------------|----------| | **[web-quality-audit](#web-quality-audit)** | Comprehensive quality review across all categories | "Audit my site", "Review this for quality", "Check web quality" | | **[performance](#performance)** | Loading speed, runtime efficiency, resource optimization | "Optimize performance", "Speed up my site", "Fix slow loading" | | **[core-web-vitals](#core-web-vitals)** | LCP, INP, CLS specific optimizations | "Improve Core Web Vitals", "Fix LCP", "Reduce CLS" | | **[accessibility](#accessibility)** | WCAG compliance, screen reader support, keyboard navigation | "Improve accessibility", "WCAG audit", "a11y review" | | **[seo](#seo)** | Search engine optimization, crawlability, structured data | "Optimize for SEO", "Improve search ranking", "Fix meta tags" | | **[best-practices](#best-practices)** | Security,

话题