pr-screenshots SKILL.md skillA
pr-screenshots from nanosite-ai/nanoflow is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add nanosite-ai/nanoflow/pr-screenshots@git:20261007.050f6dfPins git:20261007.050f6df in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- nanosite-ai/nanoflow
- Path
skills/pr-screenshots/SKILL.md- Versions recorded
- 1
- Latest version
- git:20261007.050f6df, committed Oct 7, 2026
- Size
- 1,978 bytes
- Repository stars
- 14
- License
- MIT
Verify a visual change in a real browser with the Playwright MCP and attach before/after screenshots to its PR. Use when a change affects anything you can see (UI, pages, emails, charts) and before opening or updating its PR.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Verify in the browser, screenshot the PR Reviewers should judge a visual change without checking the branch out. Unit tests don't show what a user sees, so verify live. 1. **Run this worktree's app on its own ports**: `nf up --bg`, then `nf env` for the URL (each worktree has its own, so you never test another task's code by mistake). 2. **Before**: capture the current behaviour from the main checkout's URL (slot 0), or from the deployed site. 3. **After**: open this worktree's URL with the Playwright MCP (`browser_navigate`), drive the flow (`browser_snapshot` to read the page, then click/type by role and text, not CSS selectors), and take screenshots (`browser_take_screenshot`) of each state the change touches. Cover each theme or viewport the change affects. Name files for what they show: `before-checkout.png`, `after-checkout-mobile.png`. 4. **Attach**: ```bash nf pr create --body-file pr.md --shots before-checkout.png after-checkout.png # new PR nf shots <pr#> after-checkout-v2.png --attach # existing PR ``` The images go to one orphan branch (`assets/pr-screenshots`, a `pr-<n>-<slug>/` folder per PR), so …
Read the whole file at its exact version.
How to install
mdr add nanosite-ai/nanoflow/pr-screenshots@sha256:bc42fa791d6a4649The line at the top of this page pins the label git:20261007.050f6df, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_cyz444ephmyuhg36)
2 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Oct 7, 2026.
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (1978 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
nanosite-ai/nanoflow · 14 stars · license MIT · pushed 2026-10-13 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_cyz444ephmyuhg36 GET https://markdownregistry.com/api/v1/resolve?ref=nanosite-ai/nanoflow/pr-screenshots GET https://markdownregistry.com/api/v1/blob/bc42fa791d6a4649fd285a38436a22878e02057fa8af4ce2997c3c73f9e9047f
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.
More from nanosite-ai/nanoflow
Every file in nanosite-ai/nanoflow