best-practices
Применяет современные лучшие практики веб-разработки для безопасности, совместимости и качества кода. Полезен при запросах «apply best practices», «security audit», «modernize code», «code quality review» или «check for vulnerabilities».
AIaddyosmani
official
Разработка
★ 2.9k
Что делает навык
Применяет современные стандарты веб-разработки, основанные на аудитах Lighthouse Best Practices, охватывая безопасность, совместимость с браузерами и качество кода. Выполняет аудит, выявляющий уязвимости и проблемы, и исправляет код с последующей проверкой.
Когда применять
- Применение лучших практик веб-разработки (apply best practices)
- Аудит безопасности (security audit)
- Модернизация кода (modernize code)
- Проверка качества кода (code quality review)
- Поиск уязвимостей (check for vulnerabilities)
Как работает
- Запустить живой аудит Lighthouse Best Practices через Chrome DevTools MCP (lighthouse_audit) или использовать Lighthouse CLI, выбрав режим навигации или снимка состояния.
- Проанализировать ошибки консоли и сети, запрашивая детали только для подтверждения находок.
- Дополнить данные времени выполнения проверкой зависимостей, заголовков, конфигурации и исходного кода.
- Исправить проблемный код, повторно запустить аудит и отделить результаты безопасности от стилевых предпочтений.
- Прочитать справочник по безопасности, если он входит в область действия или аудит выявил связанные проблемы.
Примеры запросов агенту
Примени лучшие практики к этому коду
Проведи аудит безопасности веб-страницы
Проверь код на наличие уязвимостей
Что понадобится
- Chrome DevTools MCP
- Lighthouse CLI
Описание составлено по SKILL.md навыка, сверено 07.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «addyosmani-best-practices» из репозитория:
# https://github.com/addyosmani/web-quality-skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r addyosmani-best-practices/ ~/.claude/skills/addyosmani-best-practices/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.