pr-review-canvas — скилл для Claude Code: что делает и как установить
Скилл собирает автономный HTML-документ с интерактивным разбором пуллреквеста в GitHub. Пригодится, когда нужно изучить объёмный PR с комментариями и скрытым шаблонным кодом.
npx skills add cursor/plugins --skill pr-review-canvas -a claude-codeЧто делает pr-review-canvas
Скилл превращает пуллреквест GitHub в локальную интерактивную веб-страницу. Агент параллельно выгружает метаданные, комментарии и патчи через gh api, отделяет ключевые правки от шаблонных файлов и добавляет текстовые пояснения. Длинные алгоритмы можно сворачивать под краткий псевдокод, чтобы не продираться через десятки строк обвязки.
Для сборки страницы используются локальные файлы template.html, стили styles.css и скрипт renderer.js. Рендерер подсвечивает перенесённый код, прячет чистые изменения пробелов и фильтрует секции импортов.
Для работы в окружении обязательны установленные утилиты gh, jq и python3. Без Python безопасная подстановка патчей не сработает: скрипт экранирует символы разметки, чтобы закрывающий тег внутри кода диффа не сломал HTML-документ.
Какие задачи решает
- отделить важную бизнес-логику пуллреквеста от рутинного бойлерплейта
- сформировать автономный HTML-отчёт с диффами и чек-листом проверки
- свернуть длинные блоки кода в компактный псевдокод
- отследить перемещённые фрагменты кода с цветовой подсветкой
Примеры запросов агенту
- Сделай интерактивный разбор этого пуллреквеста и сохрани страницу в HTML.
- Разбери изменения в PR, скрой бойлерплейт и покажи диффы с заметками.
Как установить pr-review-canvas
1Через Skills CLI (Vercel)
npx skills add cursor/plugins --skill pr-review-canvas -a claude-code2Вручную: положить файлы
~/.claude/skills/pr-review-canvas/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/pr-review-canvas/
1Через Skills CLI (Vercel)
npx skills add cursor/plugins --skill pr-review-canvas -a codex2Вручную: положить файлы
.agents/skills/pr-review-canvas/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add cursor/plugins --skill pr-review-canvas -a cursor2Вручную: положить файлы
.cursor/skills/pr-review-canvas/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install cursor/plugins pr-review-canvas2Вручную: положить файлы
.github/skills/pr-review-canvas/SKILL.md1Через Skills CLI (Vercel)
npx skills add cursor/plugins --skill pr-review-canvas -a gemini-cli2Командой платформы
gemini skills install https://github.com/cursor/plugins --path cursor-team-kit/skills/pr-review-canvasВручную: положить файлы
.devin/skills/pr-review-canvas/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add cursor/plugins --skill pr-review-canvas -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о pr-review-canvas
Как установить pr-review-canvas в Claude Code?
Выполните команду npx skills add cursor/plugins --skill pr-review-canvas -a claude-code. Также можно вручную сохранить файл навыка по пути ~/.claude/skills/pr-review-canvas/SKILL.md.
Что делает pr-review-canvas?
Он запрашивает данные пуллреквеста через GitHub API и формирует интерактивную тёмную HTML-страницу со сводкой, заметками и сворачиваемыми диффами.
Какие системные инструменты нужны для сборки отчёта?
Потребуются консольный клиент gh для выгрузки данных, jq для форматирования JSON и python3 для безопасной сборки итогового HTML.
