скилл

web-quality-audit · davila7 — скилл для Claude Code: аудит сайта

Q: Как установить web-quality-audit в Claude Code?

Выполните `npx claude-code-templates@latest --skill development/web-quality-audit`.

Скилл проверяет проект по производительности, доступности, SEO и веб-практикам. Подключайте его, когда нужно найти проблемы и получить рекомендации с примерами исправлений.

Установить в Claude Code · Через claude-code-templates Все способы и платформы ↓

npx claude-code-templates@latest --skill development/web-quality-audit

Открыть на GitHub

Что делает web-quality-audit

Скилл разбирает код или проект и группирует замечания по четырём направлениям: производительность, доступность, SEO и веб-практики. Для каждой проблемы он указывает серьёзность, объясняет влияние и предлагает конкретное исправление; к рекомендациям может добавить примеры кода.

В проверку входят Core Web Vitals, доступность с клавиатуры, метаданные и структура заголовков, HTTPS и ошибки в консоли. Результаты оформляются по уровням приоритета, а в конце идёт список следующих шагов. Оценка опирается на рекомендации Lighthouse, поэтому скилл помогает разбирать качество сайта, а не заменяет проверку в реальном браузере.

Какие задачи решает

найти причины медленной загрузки страниц
проверить доступность интерфейса с клавиатуры
обнаружить ошибки в метаданных и структуре заголовков
расставить приоритеты для исправлений перед запуском

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

Проверь этот проект на проблемы производительности и предложи исправления с примерами кода.
Проведи аудит доступности страниц и сгруппируй замечания по серьёзности.
Проверь SEO и веб-практики сайта, затем составь список приоритетных исправлений.

Как установить web-quality-audit

1Через claude-code-templates

npx claude-code-templates@latest --skill development/web-quality-audit

2Через Skills CLI (Vercel)

npx skills add davila7/claude-code-templates --skill web-quality-audit -a claude-code

3Вручную: положить файлы

~/.claude/skills/web-quality-audit/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/web-quality-audit/

Вручную: положить файлы

.agents/skills/web-quality-audit/SKILL.md

Для всех проектов — ~/.agents/skills/

Вручную: положить файлы

.cursor/skills/web-quality-audit/SKILL.md

Cursor читает и .agents/skills/, и .claude/skills/

1GitHub CLI

gh skill install davila7/claude-code-templates web-quality-audit

2Вручную: положить файлы

.github/skills/web-quality-audit/SKILL.md

Командой платформы

gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/development/web-quality-audit

Вручную: положить файлы

.devin/skills/web-quality-audit/SKILL.md

Старый путь .windsurf/skills/ тоже читается

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о web-quality-audit

Как установить web-quality-audit в Claude Code?

Выполните npx claude-code-templates@latest --skill development/web-quality-audit.

Что делает web-quality-audit?

Проверяет проект по производительности, доступности, SEO и веб-практикам. Группирует проблемы по серьёзности и предлагает исправления.

Что проверяет скилл по доступности?

Он смотрит на текстовые альтернативы для изображений, контраст, управление с клавиатуры, видимость фокуса, подписи форм и корректное применение ARIA.

Похожие скиллы

Все скиллы по теме «Фронтенд и UI» →

Сначала — web-quality-audit от других авторов.

web-quality-audit web-quality-skills Скилл для всестороннего аудита сайта: проверяет производительность, доступность, SEO и базовые практики по живым данным браузера. CX Codex +1 32 700установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок hyperframes heygen-com Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. CX Codex +1 1 200 000установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. CX Codex +1 1 300 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. 186 758установок

Из того же набора495

Весь набор →

documentation-templates Скилл даёт структуру и шаблоны для README, API-документации, комментариев и других проектных записей. Пригодится, когда нужно оформить документацию с нуля или привести её к общему виду. 305установок unity-project-setup Разворачивает шаблон игрового проекта Unity с папками Assets, URP, базовыми C#-скриптами и конфигурацией Git LFS прямо через диалог с Claude Code. 303установок agent-memory-mcp Скилл поднимает MCP-сервер с долговременной памятью: агент записывает решения, архитектуру и паттерны и потом находит их поиском. 300установок setup-visual-testing Слэш-команда разворачивает визуальное регрессионное тестирование: снимки компонентов и страниц, адаптивные брейкпоинты, проверка доступности. 300установок java-mcp-expert Субагент для сборки MCP-серверов на Java: официальный SDK, Project Reactor и Spring Boot. Пригодится, когда нужно поднять сервер с инструментами и ресурсами. 291установок decision-tree-explorer Строит деревья решений с расчётом вероятностей, математического ожидания и рисков. Помогает выбирать оптимальные сценарии при инвестициях, кризисах или стратегических развилках. 291установок create-jtbd Команда формирует документ Jobs-to-be-Done для новой функции продукта без технических деталей и без оценок сроков реализации. 290установок database-optimizer Скилл для Claude, который разбирает узкие места базы: планы выполнения, индексы, N+1, кеш и партиционирование. Пригодится, когда запросы тормозят, а непонятно почему. 286установок