pr-screenshots
Capture before/after screenshots of a UI change as PR evidence, with optional red markers around what changed.
Skill by juanbzz
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/juanbzz-pr-screenshots
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend, backend, testing
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
- Runs as
- Node.js package
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/pr-screenshots
What's inside
- Skill name
pr-screenshots- Description
- Capture before/after screenshots of a UI change as PR evidence, with optional red markers around what changed. Works with any web stack (server-rendered PHP, Python, Go, Ruby, or a React, Vue, Svelte or plain HTML frontend). Runs Playwright against the locally running app, captures the current branch, captures the base branch, restores the tree, and saves PNGs to the repo root. Use when asked for "screenshots for the PR", "before and after", "visual evidence", or to "mark up" a UI change.
- License
- unknown
- Instructions
- 65 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
Files (2)
- SKILL.md
- capture.mjs · scripts/
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from juanbzz/conventions
- 0.559score
write-commit-msg-semantic
juanbzz
Write a Conventional Commits (semantic) message for the current uncommitted changes: an imperative type(scope) subject that says what changed, usually with no…
SkillAFreshness: AClaude Code +9 - 0.559score
write-commit-msg-scoped
juanbzz
Write a Scoped Commits (scopedcommits.com) message for the current uncommitted changes: a scope-first imperative subject that says what changed, usually with…
SkillAFreshness: AClaude Code +9 - 0.556score
simplify-terms
juanbzz
Before reviewing AI-generated changes, extract the bespoke terms they introduce (names for abstractions, processes, concepts), let the user confirm or rename…
SkillAFreshness: AClaude Code +9 - 0.556score
to-designdoc
juanbzz
Turn a problem you understand into a design doc: the user-facing problem and solution, an exhaustive list of user stories, and the technical decisions and…
SkillAFreshness: AClaude Code +9 - 0.553score
write-ticket-project
juanbzz
Shape a project (a bet) before it enters a cycle: problem, size, and boundaries.
SkillAFreshness: AClaude Code +9 - 0.524score
feature-video
juanbzz
Record a captioned walkthrough video that showcases a feature or a how-to flow in a web app, whatever its stack (server-rendered PHP, Python, Go, Ruby, or a…
SkillBFreshness: BClaude Code +9 - 0.469score
go
juanbzz
Go conventions with API-service (Echo/FX/Postgres) and CLI (Cobra/Viper) specializations.
SkillCFreshness: CClaude Code +9 - 0.469score
postgres
juanbzz
PostgreSQL schema design guide covering naming conventions, standard fields (id, uuid, timestamps), data types (text over varchar, timestamptz, jsonb, bigint…
SkillCFreshness: CClaude Code +9 - 0.469score
react
juanbzz
Comprehensive React application guide with Vite, TanStack Router/Query/Form, Zod, Axios, and TailwindCSS.
SkillCFreshness: CClaude Code +9 - 0.467score
grillstorm
juanbzz
Grill a fuzzy idea into a clear, shared understanding of what it actually is, written up as a short brief, before any design or building starts.
SkillCFreshness: CClaude Code +9 - 0.467score
to-beads
juanbzz
Break a design doc into independently-grabbable bead issues using vertical slices (tracer bullets), created with the bd CLI.
SkillCFreshness: CClaude Code +9 - 0.467score
cli
juanbzz
Language-agnostic CLI design guide covering human-first design, UNIX philosophy, composability, output formatting, error handling, naming, and distribution.
SkillCFreshness: CClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Sep 24, 2026 (1 month ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/juanbzz/conventions
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from juanbzz
- 0.559score
write-commit-msg-semantic
juanbzz
Write a Conventional Commits (semantic) message for the current uncommitted changes: an imperative type(scope) subject that says what changed, usually with no…
SkillAFreshness: AClaude Code +9 - 0.559score
write-commit-msg-scoped
juanbzz
Write a Scoped Commits (scopedcommits.com) message for the current uncommitted changes: a scope-first imperative subject that says what changed, usually with…
SkillAFreshness: AClaude Code +9 - 0.556score
to-designdoc
juanbzz
Turn a problem you understand into a design doc: the user-facing problem and solution, an exhaustive list of user stories, and the technical decisions and…
SkillAFreshness: AClaude Code +9 - 0.556score
simplify-terms
juanbzz
Before reviewing AI-generated changes, extract the bespoke terms they introduce (names for abstractions, processes, concepts), let the user confirm or rename…
SkillAFreshness: AClaude Code +9 - 0.553score
write-ticket-project
juanbzz
Shape a project (a bet) before it enters a cycle: problem, size, and boundaries.
SkillAFreshness: AClaude Code +9 - 0.524score
feature-video
juanbzz
Record a captioned walkthrough video that showcases a feature or a how-to flow in a web app, whatever its stack (server-rendered PHP, Python, Go, Ruby, or a…
SkillBFreshness: BClaude Code +9
Cite this page
pr-screenshots skill. Agent Mart. https://agentmart.dev/skills/juanbzz-pr-screenshots (last updated 2026-10-24)