before-and-after
Capture before/after screenshots of pages, elements, or images.
Skill by vercel-labs
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/jaydubya818-before-and-after-acb4ee
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
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions: not checked yet.
What's inside
- Skill name
before-and-after- Description
- Capture before/after screenshots of pages, elements, or images. Use when UI changes need visual comparison or pull-request evidence.
- License
- LICENSE
- Compatibility
- Requires Node.js for capture. Upload and PR integration require network access and authenticated provider tooling.
- Allowed tools
- Bash(npx, @vercel/before-and-after, *), Bash(before-and-after, *), Bash(which, before-and-after), Bash(*/upload-and-copy.sh, *), Bash(curl, -s, -o, /dev/null, -w, *), Bash(gh, pr, view, *), Bash(gh, pr, edit, *), Bash(vercel, inspect, *), Bash(vercel, whoami), Bash(which, vercel), Bash(which, gh)
- Metadata
- risk: medium · owner: software-factory · author: vercel-labs · version: 2.0.0 · capabilities: visual-evidence,pr-evidence
- Instructions
- 115 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
- Pre-approves some shell commands
Files (8)
- LICENSE
- SKILL.md
- openai.yaml · agents/
- 0x0st.sh · scripts/adapters/
- blob.sh · scripts/adapters/
- gist.sh · scripts/adapters/
- capture.sh · scripts/
- upload-and-copy.sh · scripts/
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from jaydubya818/skillz
- 0.586score
api-and-interface-design
Addy Osmani and Skillz contributors
Design API contracts, compatibility, and duplicate-safe mutations.
SkillAFreshness: A★ 1Claude Code +9 - 0.586score
deprecation-and-migration
Addy Osmani and Skillz contributors
Retire APIs or migrate consumers and persistent data across releases.
SkillAFreshness: A★ 1Claude Code +9 - 0.581score
an
Builder.io
Operate granted Agent-Native apps through Dispatch MCP; use for /an.
SkillAFreshness: A★ 1Claude Code +9 - 0.581score
ci-cd-and-automation
Addy Osmani and Skillz contributors
Create or change CI/CD pipelines, quality gates, and delivery controls.
SkillAFreshness: A★ 1Claude Code +9 - 0.581score
efficient-frontier
Builder.io
Delegate costly independent work while a frontier model retains judgment.
SkillAFreshness: A★ 1Claude Code +9 - 0.581score
factory-babysit-pr
Builder.io
Monitor one authorized PR with separate fix, publish, reply, and merge gates.
SkillAFreshness: A★ 1Claude Code +9 - 0.581score
factory-collect
Builder.io
Triage configured product signals under separate fix, reply, and close policies.
SkillAFreshness: A★ 1Claude Code +9 - 0.581score
efficient-fable
Builder.io
Delegate bounded independent work while Claude Fable retains judgment.
SkillAFreshness: A★ 1Claude Code +9 - 0.581score
agent-watchdog
Builder.io
Audit, monitor, compare, or repair another agent's session or PR when asked.
SkillAFreshness: A★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Sep 17, 2026 (1 month ago)
- Last release
- Sep 18, 2026 (1 month ago)
From GitHub (fetched Oct 24, 2026).
Details
- Version
- 2.0.0
- License
- LICENSE
- Repository
- github.com/jaydubya818/skillz
- Website
- agentskills.io
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
More from vercel-labs
- 0.880score
dogfood
vercel-labsOfficial
Systematically explore and test a web application to find bugs, UX issues, and other problems.
SkillAFreshness: A★ 44.5KClaude Code +9 - 0.880score
slack
vercel-labsOfficial
Interact with Slack workspaces using browser automation.
SkillAFreshness: A★ 44.5KClaude Code +9 - 0.874score
protected-vercel-deployments
vercel-labsOfficial
Access and test Vercel deployments protected by Vercel Authentication, SSO, or Deployment Protection with agent-browser.
SkillAFreshness: A★ 44.5KClaude Code +9 - 0.874score
vercel-sandbox
vercel-labsOfficial
Run agent-browser + Chrome inside Vercel Sandbox microVMs for browser automation from any Vercel-deployed app.
SkillAFreshness: A★ 44.5KClaude Code +9 - 0.874score
webmcp-gen
vercel-labsOfficial
Build and validate experimental WebMCP tools for an existing web page.
SkillAFreshness: A★ 44.5KClaude Code +9 - 0.874score
derive-client
vercel-labsOfficial
Reverse-engineer a website's internal API by recording browser traffic into a HAR file, then generate a standalone client or CLI that calls the endpoints…
SkillAFreshness: A★ 44.5KClaude Code +9
Cite this page
before-and-after skill. Agent Mart. https://agentmart.dev/skills/jaydubya818-before-and-after-acb4ee (last updated 2026-10-24)