best-practices · davila7 — скилл для Claude Code: что делает и как установить
Проверяет веб-код по стандартам Lighthouse, закрывает уязвимости в зависимостях и настраивает защитные заголовки.
npx claude-code-templates@latest --skill development/best-practicesЧто делает best-practices
Скилл внедряет в Claude Code правила веб-разработки, основанные на проверках Lighthouse. Агент проверяет клиентский код на уязвимости, проблемы с совместимостью и устаревшие API. Это ускоряет рефакторинг.
Сценарии охватывают настройку Content Security Policy, безопасные атрибуты cookie и проверку пакетов командой npm audit. В вёрстке скилл требует объявление HTML5 doctype, кодировку UTF-8 и метатег viewport. Он также меняет синхронный XHR на fetch, а для событий прокрутки включает пассивный режим.
Для безопасной вставки разметки проект должен содержать библиотеку dompurify.
Какие задачи решает
- настроить строгие заголовки CSP и HSTS
- заменить устаревшие вызовы
document.writeи синхронный XHR - проверить зависимости через
npm auditи закрыть уязвимости - добавить пассивные слушатели для событий прокрутки
Примеры запросов агенту
- Проведи аудит безопасности и обнови небезопасные зависимости
- Настрой CSP и защитные HTTP-заголовки для фронтенда
- Проверь проект на устаревшие браузерные API и console.log
Как установить best-practices
1Через claude-code-templates
npx claude-code-templates@latest --skill development/best-practices2Через Skills CLI (Vercel)
npx skills add davila7/claude-code-templates --skill best-practices -a claude-code3Вручную: положить файлы
~/.claude/skills/best-practices/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/best-practices/
Вручную: положить файлы
.agents/skills/best-practices/SKILL.mdДля всех проектов — ~/.agents/skills/
Вручную: положить файлы
.cursor/skills/best-practices/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install davila7/claude-code-templates best-practices2Вручную: положить файлы
.github/skills/best-practices/SKILL.mdКомандой платформы
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/development/best-practicesВручную: положить файлы
.devin/skills/best-practices/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Claude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о best-practices
Как установить best-practices в Claude Code?
Выполните команду npx claude-code-templates@latest --skill development/best-practices в терминале.
Что делает скилл best-practices?
Он направляет агента проверять код по чеклистам Lighthouse, настраивать заголовки безопасности, устранять уязвимости в зависимостях и заменять устаревшие API.
Какие пакеты нужны для санитизации HTML?
Для безопасной вставки пользовательского контента скилл использует шаблоны на базе пакета dompurify, который должен быть установлен в проекте.
Похожие скиллы
Все скиллы по теме «Фронтенд и UI» →Сначала — best-practices от других авторов.
