before-and-after SKILL.md skillA
before-and-after from michaelshimeles/skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add michaelshimeles/skills/before-and-after@git:20261019.69558eaPins git:20261019.69558ea in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- michaelshimeles/skills
- Path
before-and-after/SKILL.md- Versions recorded
- 3
- Latest version
- git:20261019.69558ea, committed Oct 19, 2026
- First version recorded
- Aug 28, 2026
- Size
- 4,535 bytes
- Repository stars
- 1,373
- License
- none declared
Captures before/after screenshots of web pages or elements for visual comparison. Use when user says "take before and after", "screenshot comparison", "visual diff", "PR screenshots", "compare old and new", or needs to document UI changes. Accepts two URLs (file://, http://, https://) or two image paths.
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
# Before-After Screenshot Skill > **Package:** `@vercel/before-and-after` > Never use `before-and-after` (wrong package). ## Agent Behavior Rules **DO NOT:** - Switch branches or stash another task's changes. Use an isolated worktree for any baseline server already authorized by the task. - Use `--full` unless user explicitly asks for full page / full scroll capture **DO:** - Use `--markdown` when user wants PR integration or markdown output - Use `--mobile` / `--tablet` if user mentions phone, mobile, tablet, responsive, etc. - Reuse before captures, baseline URLs, and revision information already established in the task. Confirm that they show the relevant behavior and match the after capture's viewport and starting state. - Treat the current state as after only when the task context establishes it. If the before state remains ambiguous after checking available context, ask for the missing baseline. Do not ask again for a URL when a valid image pair or earlier baseline is already available. ## Capture and delivery 1. Use an installed `before-and-after` CLI or `npx @vercel/before-and-after`. …
Read the whole file at its exact version.
How to install
mdr add michaelshimeles/skills/before-and-after@sha256:df52809f5ac11adbThe line at the top of this page pins the label git:20261019.69558ea, 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_cszlgm52z2dnp4mg)
2 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 3 versions of this file, between Aug 28, 2026 and Oct 19, 2026, about one every 26 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20261019.69558ea latest | 2026-10-19 | 69558ea | 4,535 B | A | view · diff |
| git:20261015.ababbf7 | 2026-10-15 | ababbf7 | 4,630 B | A | view · diff |
| git:20260828.d30d25a | 2026-08-28 | d30d25a | 4,049 B | A | view |
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 (4535 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
michaelshimeles/skills · 1,373 stars · license none declared · pushed 2026-10-19 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_cszlgm52z2dnp4mg GET https://markdownregistry.com/api/v1/resolve?ref=michaelshimeles/skills/before-and-after GET https://markdownregistry.com/api/v1/blob/df52809f5ac11adbdeae6b94394df14c8babacfc4dbe1fb1684bb474838b9bfa
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.