record-playwright SKILL.md skillA

record-playwright from tomzx/agents is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add tomzx/agents/record-playwright@git:20261007.b35fc4b

Pins git:20261007.b35fc4b in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
tomzx/agents
Path
skills/record-playwright/SKILL.md
Versions recorded
5
Latest version
git:20261007.b35fc4b, committed Oct 7, 2026
First version recorded
Jul 26, 2026
Size
8,705 bytes
Repository stars
12
License
MIT

Record a web UI demonstration with Playwright, capturing screenshots at one or more viewports and optionally a video clip, then return the asset paths. Reusable recording primitive used by verify-pr and validate-implementation.

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

# Record Web UI Demo (Playwright)

Drive a real browser with Playwright to capture visual proof of a web UI change: screenshots at one or more viewports (desktop, mobile, etc.) and, optionally, a short video clip.
Returns the asset paths so they can be embedded inline in a GitHub PR or comment.

This is the recording primitive for web UI changes.
For CLI changes, use `/record-asciinema`.

## Prerequisites

- Playwright available one of:
  - `npx playwright` (Node project with `@playwright/test`, or installed globally)
  - `uv run playwright` / `python -m playwright` (Python project with `playwright`)
- Chromium browser installed for Playwright (`npx playwright install chromium`, or `playwright install chromium`).
  The skill installs it if missing.
- A reachable target URL.
  Either the caller provides one that is already running, or provides a server command the skill starts and tears down.

## Inputs

| Input | Meaning | Default |
|-------|---------|---------|
| `$RECORD_SLUG` (`$1`) | Filename slug, e.g. `login-page` | `web-demo` |
| `$RECORD_URL` (`$2`) | URL to capture, e.g. `http://localhost:3000/login` | `http://localhost:3000` |
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add tomzx/agents/record-playwright@sha256:b4f32d9189b6ed25

The line at the top of this page pins the label git:20261007.b35fc4b, 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.

Badge

mdr badge

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

1 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 5 versions of this file, between Jul 26, 2026 and Oct 7, 2026, about one every 18 days.

versioncommittedcommitsizeaudit
git:20261007.b35fc4b latest2026-10-07 b35fc4b 8,705 BA view · diff
git:20260813.0a7fc432026-08-13 0a7fc43 8,701 BA view · diff
git:20260811.4a8a7142026-08-11 4a8a714 8,691 BA view · diff
git:20260726.48bc3e12026-07-26 48bc3e1 8,695 BA view · diff
git:20260726.2090bd72026-07-26 2090bd7 8,667 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the 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 (8705 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

tomzx/agents · 12 stars · license MIT · pushed 2026-10-21 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_g6gvkdxk7y4wvcch
GET https://markdownregistry.com/api/v1/resolve?ref=tomzx/agents/record-playwright
GET https://markdownregistry.com/api/v1/blob/b4f32d9189b6ed25f0c5b046cf9966f5e6e00578baa13443a22c99f01b18086d

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 tomzx/agents

AGENTS.md AGENTS.md file
tomzx/agents · AGENTS.md
git:20261006.2803bc1 · audit A · 12 stars
CLAUDE.md CLAUDE.md file
tomzx/agents · CLAUDE.md
git:20260209.7ff04f3 · audit B · 12 stars
AGENTS.md@repositories/openchamber/openchamber AGENTS.md file
tomzx/agents · repositories/openchamber/openchamber/AGENTS.md
git:20260726.7244df1 · audit B · 12 stars
agents-section-daily-refresh SKILL.md skill
tomzx/agents · skills/agents-section-daily-refresh/SKILL.md · Curate the agent-maintained blog section (blog.tomrochette.com-content) by following the Daily refresh procedure in…
git:20261007.b35fc4b · audit A · 12 stars
analyze-git-churn SKILL.md skill
tomzx/agents · skills/analyze-git-churn/SKILL.md · Analyze git history to identify high-churn files and suggest targeted improvements such as refactoring, test coverage…
git:20261007.b35fc4b · audit A · 12 stars
analyze-test-coverage SKILL.md skill
tomzx/agents · skills/analyze-test-coverage/SKILL.md · Analyze a set of code changes (diff or files) and produce a structured test coverage report with three parts…
git:20261007.b35fc4b · audit A · 12 stars
arxiv-article SKILL.md skill
tomzx/agents · skills/arxiv-article/SKILL.md · Downloads an arXiv HTML article, converts it to markdown with pandoc, archives it, and returns a structured summary…
git:20261007.b35fc4b · audit A · 12 stars
arxiv-catchup SKILL.md skill
tomzx/agents · skills/arxiv-catchup/SKILL.md · Fetches new arXiv cs.AI papers published since the last processed date, processes each paper's HTML version via the…
git:20261007.b35fc4b · audit A · 12 stars
assess-pr-risk SKILL.md skill
tomzx/agents · skills/assess-pr-risk/SKILL.md · Estimate how risky a GitHub pull request is and how confident that estimate is, then recommend the next action for a…
git:20261007.b35fc4b · audit A · 12 stars
attach-assets SKILL.md skill
tomzx/agents · skills/attach-assets/SKILL.md · Upload files (images, logs, screenshots) to a dedicated orphan branch in the repository and embed them in a GitHub…
git:20261007.b35fc4b · audit A · 12 stars
audit-attention SKILL.md skill
tomzx/agents · skills/audit-attention/SKILL.md · Audit how your time splits between compounding and depreciating activities using the two-year test. Use when the user…
git:20261007.b35fc4b · audit A · 12 stars
audit-compatibility SKILL.md skill
tomzx/agents · skills/audit-compatibility/SKILL.md · Audit the codebase for compatibility, the ISO/IEC 25010 characteristic covering co-existence (running alongside other…
git:20261007.b35fc4b · audit A · 12 stars

Every file in tomzx/agents

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