Home / flurdy / agent-skills · skills/browser-screenshot/SKILL.md · GitHub

browser-screenshot skillA

browser-screenshot is agent-read markdown (skill) from flurdy/agent-skills: Take a screenshot of the running web application for visual verification of UI/CSS changes. Use when iterating on frontend changes and need to see the result..

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.

What the file says

# Browser Screenshot

Capture screenshots of the web application for visual verification during UI/CSS iteration.

## Setup

1. Install playwright in the project (if not already):

```bash
npm install playwright
npx playwright install chromium
```

2. Symlink the screenshot script into the project's `scripts/` directory:

Resolve resources in Bash first. A nonempty absolute `SKILLS_DIR` is authoritative; never replace
an invalid override silently. Otherwise prefer the canonical root, falling back to the Claude alias
root only when this skill unit is absent. Legacy Codex-only roots require explicit `SKILLS_DIR`.

```bash
set -eu
if [[ -z "${SKILLS_DIR:-}" ]]; then
  SKILLS_DIR="$HOME/.agents/skills"
  if [[ ! -d "$SKILLS_DIR/browser-screenshot" ]]; then
    SKILLS_DIR="${CLAUDE_SKILLS_DIR:-${CLAUDE_HOME:-$HOME/.claude}/skills}"
  fi
fi
[[ "$SKILLS_DIR" = /* ]] || { echo "SKILLS_DIR must be absolute" >&2; exit 1; }
for resource in SKILL.md scripts/screenshot.sh; do
  [[ -f "$SKILLS_DIR/browser-screenshot/$resource" && -r "$SKILLS_DIR/browser-screenshot/$resource" ]] || {
    echo "Missing browser-screenshot resource: $resource" >&2; exit 1;
  }
done
…

Read the whole file at its exact version.

How to install

Latest version
mdr add flurdy/agent-skills/browser-screenshot@v1.1.0
Exact content
mdr add flurdy/agent-skills/browser-screenshot@sha256:794f4a5a163c970d

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_irjt2hywkurfc6sb.svg)](https://markdownregistry.com/a/art_irjt2hywkurfc6sb)

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
v1.1.0 latest2026-09-07 f2e0f86 4,377 BA view · diff
v1.0.02026-08-08 21e4446 3,131 BA view · diff
v1.0.02026-07-18 38882a2 2,990 BA view · diff
v1.0.02026-07-14 584a6c8 3,063 BA view · diff
v1.0.02026-07-13 8fc31d6 3,060 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (4377 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

GitHub

flurdy/agent-skills · 9 stars · license MIT · pushed 2026-09-23 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_irjt2hywkurfc6sb
GET https://markdownregistry.com/api/v1/resolve?ref=flurdy/agent-skills/browser-screenshot
GET https://markdownregistry.com/api/v1/blob/794f4a5a163c970dd9e0828855f52560f8b51794ddb42292e697b830d6b3eb7c

Your agent 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.

More from flurdy/agent-skills

AGENTS.md agents
flurdy/agent-skills · AGENTS.md
git:20260630.7b39634 · audit B · 9 stars
CLAUDE.md claude
flurdy/agent-skills · CLAUDE.md
git:20260907.23d6b60 · audit A · 9 stars
architect skill
flurdy/agent-skills · skills/architect/SKILL.md · Architecture and implementation planning gate for complex or high-blast-radius work. Produces evidence-backed…
v2.0.1 · audit A · 9 stars
artifact-hygiene skill
flurdy/agent-skills · skills/artifact-hygiene/SKILL.md · Run a local-only, read-only advisory audit of publishable working-tree files and unpublished branch history with…
v0.6.1 · audit A · 9 stars
backlog-groom skill
flurdy/agent-skills · skills/backlog-groom/SKILL.md · Per-bead backlog quality audit — flags thin descriptions, label drift, stale YAGNIs, mis-prioritised nice-to-haves…
v0.1.2 · audit A · 9 stars
beads-check-dolt-migration skill
flurdy/agent-skills · skills/beads-check-dolt-migration/SKILL.md · Detect whether a beads repository needs classic-to-Dolt migration or an in-place Dolt schema upgrade.
v1.1.0 · audit A · 9 stars
beads-migrate-to-dolt skill
flurdy/agent-skills · skills/beads-migrate-to-dolt/SKILL.md · Safely migrate classic Beads data or upgrade a Dolt schema, preserving backups and remote history. Repository aftercare…
v2.0.1 · audit A · 9 stars
beads-setup skill
flurdy/agent-skills · skills/beads-setup/SKILL.md · Preview and separately confirm a fresh repository Beads store with a dedicated private GitHub Dolt remote. Refuses…
v0.1.0 · audit A · 9 stars
beads skill
flurdy/agent-skills · skills/beads/SKILL.md · Shared Beads workflow baseline. Use whenever an agent uses `bd`, manages durable tasks, blockers, or handoffs, resolves…
v0.6.0 · audit A · 9 stars
circleci-status skill
flurdy/agent-skills · skills/circleci-status/SKILL.md · Check CircleCI build status and failed job logs for the current GitHub repository. Use when asked whether CircleCI is…
v1.0.1 · audit A · 9 stars
clean-code skill
flurdy/agent-skills · skills/clean-code/SKILL.md · Format, lint, and fix all warnings across the entire codebase — including test files and pre-existing issues.
v1.1.0 · audit A · 9 stars
complete-task skill
flurdy/agent-skills · skills/complete-task/SKILL.md · Complete an in-progress task by running clean-code, staging, and committing. Close the bead on trunk, leave it open for…
v2.0.0 · audit A · 9 stars

Every file in flurdy/agent-skills

Browse by kind, by grade A, or by owner.