visual-pr Agent Plugin

Name: visual-pr Agent Plugin
Author: github

Visual PR supplies four Skills for capturing web interfaces, annotating images with callouts, embedding before-and-after evidence in GitHub or Azure DevOps pull requests, and producing animated GIF demonstrations with variable timing.

View source Install plugin

0 repository stars MIT Updated Aug 6, 2026

Reviewed seed

Show

the interface change.

The reviewed package connects capture, annotation, PR embedding, and recording into one evidence workflow.

Installation

Install Visual PR

Install the plugin in an image-capable client and ensure its Playwright and PIL workflows can run in the target environment.

Terminal · Git sparse checkout

git clone --filter=blob:none --sparse https://github.com/github/awesome-copilot.git
cd awesome-copilot
git sparse-checkout set plugins/visual-pr

Use a model that can inspect images

Confirm browser and image tooling are available

Verify annotations point to visible elements

Explainable standards check

Conforms to Agent Plugins 1.0.0

Official latest version: 1.0.0 (Working Draft). The value is read from the official specification and cached for one day.

Read the official specification

This is a static package-format check, not a security audit, quality score, malware scan, or guarantee of client compatibility.

Canonical manifest schema

plugin.json targets the official 1.0.0 schema.

Agent Plugins specification §5.2

Required name and naming rules

The plugin name “visual-pr” satisfies the 1–64 character naming rules.

Agent Plugins specification §§5.3 and 5.5

Closed top-level schema

No unknown top-level manifest fields were found.

Agent Plugins specification §5.2

Manifest field types

All present metadata and extension fields use permitted JSON types.

Agent Plugins specification §§5.2–5.6

Root plugin.json file

A regular plugin.json file exists at the plugin root.

Agent Plugins specification §§4.1 and 5.1

Agent Skills discovery and format

0 immediate-child Agent Skills discovered; every SKILL.md passed required frontmatter and naming checks.

Agent Plugins specification §7.1 and Agent Skills specification

MCP configuration

No root mcp.json is present; MCP is optional and its absence is conforming.

Agent Plugins specification §§6.2 and 7.2

Capabilities

What can you do with visual-pr?

Replace text-only descriptions of visual changes with reviewable image evidence.

Playwright and PIL workflows capture a UI, locate regions, add callouts, embed before-and-after images in PR descriptions, and create animated demonstrations. The README also describes debug heatmaps for annotation placement.

Capture web UI screenshots with Playwright
Crop and verify relevant interface regions
Add rectangles, arrows, labels, and highlights
Embed evidence in GitHub or Azure DevOps PRs
Create variable-timing animated GIF demonstrations

Capture and annotate

Separate Skills handle browser screenshots and PIL-based visual callouts.

PRs and demos

Package results as before-and-after pull request evidence or animated release and documentation demos.

Practical workflow

A visual review workflow

Pass 01 / Capture

Record the before and after states

Use Playwright to navigate the UI and capture the relevant states.

Pass 02 / Annotate

Highlight meaningful changes

Add verified callouts and inspect debug placement output when needed.

Pass 03 / Publish

Embed review evidence

Place images in a PR, bug report, release note, or animated demonstration.

Package contents

What is included in visual-pr?

visual-pr declares 4 Skills, 0 MCP configurations, and 0 additional resources. The included-file links below point to the reviewed source repository.

Agent Skills

image-annotations, pr-screenshots, screen-recording, ui-screenshots

MCP servers

No runtime service

Package format

Agent Plugins

Official latest 1.0.0

plugin.json

Portable manifest declaring four visual documentation Skills.

README.md

Source guide with demos, use cases, requirements, and descriptions of each Skill.

Synced source content

Repository README

View original README

This README snapshot is stored by Agent Plugins Hub and refreshed by the daily GitHub synchronization pipeline. Remote images and embedded content are not loaded.

Source: https://github.com/github/awesome-copilot#readme

This repository does not currently provide a README snapshot. The plugin instructions below remain available.

Source documentation

Visual PR source documentation

Request update View raw README.md

Rendered from the linked GitHub source. Raw HTML is disabled, scripts cannot execute, remote images are omitted, and external links open separately.

Visual PR teaches an agent to show interface changes through captured and annotated evidence. Its four Skills cover Playwright UI screenshots, PIL-based callouts, before-and-after embedding for GitHub and Azure DevOps pull requests, and variable-timing animated GIF recordings.

The README demonstrates multipurpose annotations and a debug heatmap for placement decisions. It lists visual PRs, release notes, bug reports, and documentation as use cases.

The workflow requires a model that can view images and appropriate browser and image-processing tools. Verify every annotation against the captured UI.

Continue exploring

Related plugins

Explore plugin repositories

Developer Tools