Pr Lens

by coldteadotai7a9115c8202dNo license1.8K starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 4 days ago

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

Instructions onlySoftware Development Design & Creative

AI-generated overview

Turns a code change or codebase into an animated architecture or data-flow diagram, optionally attached to a pull request.

What it does: PR Lens has the agent write a single JSON graph document describing a code change or part of a codebase, then renders it as an animated architecture or data-flow diagram. It produces a self-contained animated SVG that can be shown in a pull request comment, and it can validate the document, naming the exact field that is wrong so the agent can fix it. It also opens as a live canvas that can be stepped through and questioned.
When to use it: Use it when asked to diagram, visualise or explain a change or a system, or when a pull request should carry a diagram. It suits both individual code changes and broader parts of a codebase.
Requirements: Requires network access and npx to run the CLI command npx @coldtea/pr-lens-cli@latest; nothing needs to be installed first. No model key is needed when the agent writes the document itself. The skill ships no scripts, only instructions.

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, sharenpx @coldtea/pr-lens-cli@latest skill references   # the graph document field by field, the config format, a full example

npx @coldtea/pr-lens-cli@latest skill              # start here: write, validate, render, sharenpx @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

Source and attribution

Source:coldteadotai/pr-lensinskills/pr-lensat commit7a9115c

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal

Pr Lens

PR Lens

Start here

Why PR Lens

Source and attribution

More from coldteadotai/pr-lens

Eli5

More in Software Development

Playground

M5 Onboard

Cardputer Buddy

Web Design Guidelines

Vercel React Native Skills

Vercel React Best Practices