Web Quality Skills
Набор скиллов для аудита качества сайта: производительность, Core Web Vitals, доступность, SEO и лучшие практики по данным Lighthouse
- 3 010 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Скиллы запускают браузерные аудиты и читают код проекта
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/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.
Для кого. Для фронтенд-разработчиков и тимлидов, которым нужен воспроизводимый аудит качества сайта.
Подходит, если
- Нужно найти и починить проблемы LCP, INP или CLS
- Проверяете сайт на доступность по WCAG
- Хотите аудит производительности и SEO перед релизом
Не подходит, если
- Нужна не проверка качества, а разработка новой функциональности
- Проект не веб, а нативное приложение или бэкенд
Пример запроса к агенту
Проведи аудит качества этой страницы и почини Core Web VitalsОграничения
Живые аудиты Lighthouse и трассировки полнее всего работают при подключенном Chrome DevTools MCP, без него скиллы используют Lighthouse CLI, PageSpeed Insights и статический разбор. Оценки помогают ловить регрессии, но не заменяют полевые данные и ручные проверки. Проект неофициальный.
Как отключить. Удалите плагин web-quality-skills через /plugin или папки скиллов из каталога скиллов агента.
Частые вопросы
Нужен ли Chrome DevTools MCP?
Нет, он опционален. С ним скиллы дают живые аудиты, без него откатываются на Lighthouse CLI и статический анализ.
Это официальный проект Google?
Нет, README прямо называет набор неофициальным, хотя опирается на Lighthouse и Core Web Vitals.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций
Скиллы команды Chrome: агент ищет актуальные приемы веб-платформы вместо устаревшего кода, плюс скилл по расширениям Chrome и публикации в Web Store
Скилл-методика воспроизведения сайтов: от статичной страницы до тяжелого WebGL, с упором на настоящий исходный код, а не на выдуманный агентом
Скиллы против шаблонных интерфейсов: сетка, типографика, анимация и отступы, плюс генерация референсов для веба и мобильных
Дизайн-скилл против шаблонных AI-интерфейсов: новые страницы, аудит, редизайн и разбор чужого дизайна по скриншоту или URL
Скилл разбирает и переносит WebGL, WebGPU и Canvas-эффекты со страницы в отдельный локальный проект на нативном JS
Из блога
Коротко о README
README описывает измеримый набор скиллов для оптимизации сайтов по Lighthouse, Core Web Vitals, WCAG и требованиям поиска. Разделены четыре типа данных: поле CrUX, собственный RUM, трассировка или прогон Lighthouse и статический разбор кода. Установка через npx skills, как плагин Claude Code или расширение Gemini, есть ручное копирование. Приведены пороги метрик и стартовые бюджеты как ориентиры, а не универсальные нормы. Лицензия MIT.
Бейдж для README
Исходный 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.