界面已本地化;技能介绍与说明文档按所选语言由 AI 自动翻译,代码、命令、路径和专业术语保留原文,以原作者文档为准。
探索技能
开发与工程 · SKILL.md

web-quality

web-quality

【开发与工程】Web quality optimization skills based on Google Lighthouse guidelines and Core Web Vitals. Use when asked to audit web quality, optimize performance, improve accessibility, fix SEO, apply best practices, or analyze Core Web Vitals (LCP, INP, CLS).

独立 GitHub 快照 · 自动分类 · 以原作者文档为准

技能说明

GitHub

name: web-quality description: Web quality optimization skills based on Google Lighthouse guidelines and Core Web Vitals. Use when asked to audit web quality, optimize performance, improve accessibility, fix SEO, apply best practices, or analyze Core Web Vitals (LCP, INP, CLS). license: MIT metadata: author: Addy Osmani source: https://github.com/addyosmani/web-quality-skills version: "1.0"

Web Quality Skills

Comprehensive web quality optimization based on Google Lighthouse guidelines and Core Web Vitals.

Available Sub-Skills

SkillFileTriggers
Web Quality Auditweb-quality-audit-SKILL.md"audit", "quality review", "lighthouse"
Performanceperformance-SKILL.md"speed up", "optimize", "load time"
Core Web Vitalscore-web-vitals-SKILL.md"LCP", "INP", "CLS", "Core Web Vitals"
Accessibilityaccessibility-SKILL.md"a11y", "WCAG", "accessible"
SEOseo-SKILL.md"SEO", "meta tags", "search"
Best Practicesbest-practices-SKILL.md"security", "best practices", "modern"

Key Thresholds

Core Web Vitals (Good):

  • LCP: 2.5s or less
  • INP: 200ms or less
  • CLS: 0.1 or less

Performance Budgets:

  • Total page weight: < 1.5 MB
  • JavaScript: < 300 KB
  • CSS: < 100 KB

Lighthouse Targets:

  • Performance: 90+
  • Accessibility: 100
  • Best Practices: 95+
  • SEO: 95+

Source

From addyosmani/web-quality-skills.

我的收藏