pr-lens — скилл для Claude Code: диаграммы архитектуры и установка
Рисует изменения в коде или части кодовой базы как анимированные диаграммы архитектуры и потоков данных — отдельно или в пулреквесте.
npx skills add coldteadotai/pr-lens --skill pr-lens -a claude-codeЧто делает pr-lens
Агент пишет один JSON-документ, pr-lens рендерит его в самодостаточный анимированный SVG, который GitHub показывает в комментарии без скриптов. Диаграмма открывается как живой канвас: можно пошагово пройти по архитектуре и задавать вопросы. Команда validate называет точное поле с ошибкой, так что агент исправляет документ сам.
Запуск через npx @coldtea/pr-lens-cli@latest <команда> — ничего устанавливать заранее не нужно. Файл скилла — это стаб для обнаружения; реальный флоу работы грузится из CLI командой npx @coldtea/pr-lens-cli@latest skill, поэтому инструкции всегда совпадают с установленной версией.
Работает с любым агентом для кодинга (Claude Code, Codex, Gemini CLI, Cursor, OpenCode, Copilot). Ключ модели не требуется, когда агент сам пишет документ.
Какие задачи решает
- визуализировать архитектуру изменений в коде
- добавить диаграмму в комментарий к пулреквесту
- показать поток данных через систему
- проверить JSON диаграммы перед рендерингом
Примеры запросов агенту
- Нарисуй диаграмму архитектуры для изменений в этом PR
- Покажи поток данных через
authиsessions - Визуализируй как работает новый модуль оплаты
Как установить pr-lens
1Через Skills CLI (Vercel)
npx skills add coldteadotai/pr-lens --skill pr-lens -a claude-code2Вручную: положить файлы
~/.claude/skills/pr-lens/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/pr-lens/
1Через Skills CLI (Vercel)
npx skills add coldteadotai/pr-lens --skill pr-lens -a codex2Вручную: положить файлы
.agents/skills/pr-lens/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add coldteadotai/pr-lens --skill pr-lens -a cursor2Вручную: положить файлы
.cursor/skills/pr-lens/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install coldteadotai/pr-lens pr-lens2Вручную: положить файлы
.github/skills/pr-lens/SKILL.md1Через Skills CLI (Vercel)
npx skills add coldteadotai/pr-lens --skill pr-lens -a gemini-cli2Командой платформы
gemini skills install https://github.com/coldteadotai/pr-lens --path skills/pr-lensВручную: положить файлы
.devin/skills/pr-lens/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add coldteadotai/pr-lens --skill pr-lens -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о pr-lens
Как установить pr-lens в Claude Code?
Выполни npx skills add coldteadotai/pr-lens --skill pr-lens -a claude-code. Файл появится в ~/.claude/skills/pr-lens/SKILL.md.
Что делает pr-lens?
Рисует изменения в коде или части кодовой базы как анимированные диаграммы архитектуры и потоков данных. Агент пишет JSON, pr-lens рендерит SVG, который GitHub показывает в комментарии.
Нужен ли ключ API для работы pr-lens?
Нет, когда агент сам пишет JSON-документ диаграммы, ключ модели не требуется.
Исходный текст
SKILL.md · MIT
--- name: pr-lens description: "WHAT: Draws a code change or part of a codebase as an animated architecture or data-flow diagram, on its own or in a pull request. WHEN: asked to diagram, visualise or explain a change or a system, or when a pull request should carry a diagram. KEYWORDS: PR Lens, diagram, architecture, data flow, visualise, visualize, pull request" --- # PR Lens Animated architecture and data-flow diagrams for code changes and codebases. The agent writes one JSON document, and PR Lens draws it. Run: `npx @coldtea/pr-lens-cli@latest <command>`. Nothing to install first. ## Start here This file is a discovery stub, not the usage guide. Before running any PR Lens command, load the actual workflow content from the CLI: ```bash npx @coldtea/pr-lens-cli@latest skill # start here: write, validate, render, share npx @coldtea/pr-lens-cli@latest skill references # the graph document field by field, the config format, a full example ``` The CLI serves skill content that always matches the installed version, so instructions never go stale. The content in this stub cannot change between releases, which is why it just points at `skill`. ## Why PR Lens - Works with any coding agent (Claude Code, Codex, Gemini CLI, Cursor, OpenCode, Copilot) - Draws one self-contained animated SVG that GitHub shows in a comment, with no scripts - `validate` names the exact field that is wrong, so the agent can fix its own document - Opens as a live canvas you can step through and ask questions on - Needs no model key when the agent writes the document itself
© coldteadotai · MIT · coldteadotai/pr-lens