web-quality-skills

web-quality-skills

Agent skill for web quality optimization based on Lighthouse and Core Web Vitals.

Agent SkillDevOpen source
Type
Agent Skill
Open source
Yes
GitHub Stars
★ 2.4k
Source
skill-github

Overview

Web Quality Skills is a set of Agent skills designed to optimize web projects, based on Google Lighthouse guidelines and Core Web Vitals best practices. These skills are framework-agnostic, supporting any framework such as React, Vue, Angular, etc., helping developers build high-performance, accessible, and search engine-friendly websites. With these skills, AI can automatically perform web quality audits, performance optimizations, accessibility improvements, and SEO enhancements. Ideal for developers and teams looking to improve web quality.

Capabilities

  • Comprehensive quality audit
  • Loading speed optimization
  • Core Web Vitals optimization
  • WCAG compliance check
  • SEO optimization
  • Security and best practices

Use cases

Audit website qualityOptimize page loading speedImprove Core Web Vitals metricsEnhance website accessibility

Setup

Requires: Node 环境
Install using the add-skill tool: `npx skills add addyosmani/web-quality-skills` or `npx add-skill addyosmani/web-quality-skills`. Alternatively, manually copy the skill files to the designated directory.

This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.

FAQ

Which frameworks do these skills support?

Supports all major frontend frameworks, such as React, Vue, Angular, etc.

How can I trigger these skills?

By matching keywords in the description, such as 'Audit my site' or 'Optimize performance'.

Related skills