Web Quality Skills

Установка

npx skills add addyosmani/web-quality-skills

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Набор из шести скиллов ведет проверку качества фронтенда по измеримым данным. Головной скилл web-quality-audit оркестрирует остальные и держит измеренные проблемы отдельно от гипотез из кода. Отдельные скиллы разбирают производительность и загрузку, три метрики Core Web Vitals, доступность по WCAG 2.2, SEO и общие лучшие практики. Скиллы предпочитают живые данные: трассировки браузера, аудиты Lighthouse и поле CrUX, а при отсутствии Chrome DevTools MCP откатываются на Lighthouse CLI и статический анализ. Стек любой: React, Vue, Angular, Svelte, Next.js, Astro или чистый HTML.

Для кого. Для фронтенд-разработчиков и тимлидов, которым нужен воспроизводимый аудит качества сайта.

Пример запроса к агенту

Проведи аудит качества этой страницы и почини Core Web Vitals

Ограничения

Живые аудиты Lighthouse и трассировки полнее всего работают при подключенном Chrome DevTools MCP, без него скиллы используют Lighthouse CLI, PageSpeed Insights и статический разбор. Оценки помогают ловить регрессии, но не заменяют полевые данные и ручные проверки. Проект неофициальный.

Как отключить. Удалите плагин web-quality-skills через /plugin или папки скиллов из каталога скиллов агента.

Проверка безопасности

• Скиллы запускают браузерные аудиты и читают код проекта

Коротко о README

README описывает измеримый набор скиллов для оптимизации сайтов по Lighthouse, Core Web Vitals, WCAG и требованиям поиска. Разделены четыре типа данных: поле CrUX, собственный RUM, трассировка или прогон Lighthouse и статический разбор кода. Установка через npx skills, как плагин Claude Code или расширение Gemini, есть ручное копирование. Приведены пороги метрик и стартовые бюджеты как ориентиры, а не универсальные нормы. Лицензия MIT.

SKILL.md

---
name: web-quality-audit
description: Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".
license: MIT
metadata:
  author: web-quality-skills
  version: "2.0"
---

# Web quality audit

Comprehensive quality review that combines live browser evidence with source inspection. Covers Performance, Accessibility, SEO, Best Practices, and Agentic Browsing without treating an aggregate score as proof of quality.

Похожие