К основному содержанию
скилл CX Codex

pr-lens — скилл для Claude Code: диаграммы архитектуры и установка

Рисует изменения в коде или части кодовой базы как анимированные диаграммы архитектуры и потоков данных — отдельно или в пулреквесте.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add coldteadotai/pr-lens --skill pr-lens -a claude-code
Открыть на GitHub

Что делает 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-code

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

~/.claude/skills/pr-lens/SKILL.md

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

По шагам, с командами для каждой платформы: Как установить скилл в 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

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

Всё по теме «Код-ревью и рефакторинг» →
describe-pr parcadei Готовит описание PR по локальному шаблону, изучая изменения и проверки. Нужен перед обновлением текста pull request через GitHub CLI. CX Codex +1 499установок gh-stack официальный github Управляет цепочками связанных пулл-реквестов через расширение gh stack. Помогает агенту делить крупные задачи на слои и не зависать в интерактивном TUI. CX Codex +1 18 800установок autofix coderabbitai Скилл читает незакрытые треды ревью CodeRabbit в вашем PR и предлагает исправления по каждому пункту отдельно. Пригодится, когда бот оставил десяток замечаний и разбирать их руками лень. CX Codex +1 10 400установок beautify-github-readme oil-oil Перерабатывает README на GitHub или создаёт отдельные визуальные материалы для него: SVG, PNG/WebP и GIF по запросу. CX Codex +1 1 200установок gh-address-comments официальный openai Скилл помогает найти открытый pull request текущей ветки, разобрать комментарии ревью и применить выбранные исправления через gh. CX Codex +1 4 800установок iterate-pr getsentry Доводит пуллреквест до зелёного статуса CI и закрывает важные замечания ревью. Помогает передать рутинные исправления агенту без ожидания аппрувов от людей. CX Codex +1 4 600установок

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

Спонсоры проекта

Компании, которые помогают держать аналитику открытой