Record Browser
Record browser sessions using Playwright
- Type
- Slash Command
- Repository
- athola/claude-night-market
- GitHub stars
- 339
- License
- MIT
- Repo last updated
- Sep 24, 2026
- Source file
- plugins/scry/commands/record-browser.md
What Record Browser is
Record Browser is a slash command published in the athola/claude-night-market repository on GitHub, which has about 339 stars. The repository describes itself as: “23 Claude Code plugins: TDD enforcement hooks, git/PR workflows, spec-driven development, code review, project lifecycle, fix-from-error, maintenance automation, context optimization, research, and multi-LLM delegation. 186 skills, 128 commands, 54 agents.”
A slash command is a reusable prompt saved as a markdown file and run by typing its name after a slash. In Claude Code, custom commands have been merged into skills: a file in .claude/commands/ and a skill folder in .claude/skills/ both create the same kind of command, and existing command files keep working.
Record Browser gives you a repeatable way to run the same instructions without retyping them, optionally with arguments.
How to install Record Browser
Claude Code
- Download record-browser.md from the repository.
- Save it to ~/.claude/commands/ (all projects) or .claude/commands/ (one project). As a skill, you can instead save it as ~/.claude/skills/<name>/SKILL.md.
- Run it by typing / followed by its name.
Claude Cowork
- Turn the command into a skill: create a folder with the file saved as SKILL.md and zip it.
- In Customize → Skills, click +, then upload the ZIP.
- Run it from any task with / and the skill name.
New to extending Cowork? Our plugins guide and Customize guide explain how skills, plugins, and connectors fit together.
Inside the source file
An excerpt from plugins/scry/commands/record-browser.md, shared under the repository's MIT license. Read the full file on GitHub.
Record browser sessions using Playwright specs for web UI tutorials.
> 💡 Claude Code 2.0.72+: For interactive browser control, consider using native Chrome integration. This command is optimized for automated recording workflows and CI/CD. Both approaches can be combined - test interactively with Chrome, record programmatically with Playwright.
Usage
/record-browser <spec-file> # Record from Playwright spec
/record-browser --init <name> # Create new spec template
/record-browser --config # Show Playwright configWorkflow
- Invoke skill: Skill(scry:browser-recording)
- Follow the skill's workflow to:
- Validate Playwright installation
- Check spec file exists
- Execute recording with video
- Convert to GIF using gif-generation
Examples
# Record from existing spec
/record-browser specs/dashboard-demo.spec.ts
# Create new spec template
/record-browser --init login-flow
# Check Playwright config
/record-browser --configRequirements
- Node.js and npm
- Playwright: npm install -D @playwright/test
- Browsers: npx playwright install chromium
See Also
- Skill(scry:browser-recording) - Core recording skill
- Skill(scry:gif-generation) - Video to GIF conversion
- Playwright docs: https://playwright.dev/
Before you install
- Read the whole file first. Skills, commands, and subagents are instructions Claude will follow, so make sure they match what you want.
- Check which tools, scripts, or MCP servers it uses. Local servers and scripts run with your permissions.
- Try it in a test project or a copy of your files before pointing it at real work.
- Pin the version you tested, and review changes before updating.
- Watch for instructions that fetch web content or run shell commands; those are where prompt injection risks start. See our prompt injection guide.
FAQ
What is Record Browser?
Record Browser is a slash command for Claude Code and Claude Cowork from the athola/claude-night-market repository on GitHub. Record browser sessions using Playwright
How do I install Record Browser in Claude Code?
Download record-browser.md from the repository. Save it to ~/.claude/commands/ (all projects) or .claude/commands/ (one project). As a skill, you can instead save it as ~/.claude/skills/<name>/SKILL.md. Run it by typing / followed by its name.
Can I use Record Browser in Claude Cowork?
Turn the command into a skill: create a folder with the file saved as SKILL.md and zip it. In Customize → Skills, click +, then upload the ZIP. Run it from any task with / and the skill name.
Is Record Browser safe to install?
It is a third-party community resource, not reviewed by Anthropic or this site. Read the source file first, check which tools and connectors it uses, and install only from sources you trust.
Similar resources
- Hookify Create behavioral rules to prevent unwanted actions Slash Command · athola/claude-night-market
- Karpathy Check Pre-flight gate walking four Karpathy principles (think first, simplicity, surgical edits, goal-driven). Use before implementation. Slash Command · athola/claude-night-market
- Justify Audit changes for additive bias, Iron Law compliance, and minimal intervention. Justifies every change against a "simplest safe change" standard. Slash Command · athola/claude-night-market
- Implementation Executor Execute implementation tasks systematically following the task plan with Subagent · athola/claude-night-market
- Record Terminal Create terminal recordings with VHS tape scripts Slash Command · athola/claude-night-market
- Project Init Initialize a new project with git setup, CI/CD workflows, pre-commit hooks, Makefiles, and language-specific tooling. Slash Command · athola/claude-night-market
- Refine Code Analyze code quality across 6 dimensions (duplication, algorithms, clean code, architecture, errors, style) and apply fixes. Slash Command · athola/claude-night-market
- Prepare Pr Prepare a PR end-to-end by updating documentation, running tests, dogfooding checks, and validating with code review. Slash Command · athola/claude-night-market