Invisible Playwright
feder-cr/invisible_dots
Use the Dot's browser (invisibleplaywright) for any task on a website: logging in, reading pages, filling forms, clicking through a site as a person would.
A skill your agent uses when the user says to initialize the current project for UI regression, record an operation, convert Playwright codegen recordings into stable tests, extract shared helpers…
Install UI Regression Recorder
$ npx skills add xuxh21/ui-regression-recorder-skill --skill ui-regression-recorder -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install xuxh21/ui-regression-recorder-skill ui-regression-recorder --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
Claude Code skills documentation · loads skills from .claude/skills/
Install the "ui-regression-recorder" agent skill from https://github.com/xuxh21/ui-regression-recorder-skill/tree/main into .claude/skills/ui-regression-recorder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-regression-recorder", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add xuxh21/ui-regression-recorder-skill --skill ui-regression-recorder -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install xuxh21/ui-regression-recorder-skill ui-regression-recorder --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "ui-regression-recorder" agent skill from https://github.com/xuxh21/ui-regression-recorder-skill/tree/main into .agents/skills/ui-regression-recorder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-regression-recorder", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add xuxh21/ui-regression-recorder-skill --skill ui-regression-recorder -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install xuxh21/ui-regression-recorder-skill ui-regression-recorder --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "ui-regression-recorder" agent skill from https://github.com/xuxh21/ui-regression-recorder-skill/tree/main into .cursor/skills/ui-regression-recorder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-regression-recorder", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add xuxh21/ui-regression-recorder-skill --skill ui-regression-recorder -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install xuxh21/ui-regression-recorder-skill ui-regression-recorder --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "ui-regression-recorder" agent skill from https://github.com/xuxh21/ui-regression-recorder-skill/tree/main into .gemini/skills/ui-regression-recorder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-regression-recorder", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install xuxh21/ui-regression-recorder-skill ui-regression-recorderInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add xuxh21/ui-regression-recorder-skill --skill ui-regression-recorder -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "ui-regression-recorder" agent skill from https://github.com/xuxh21/ui-regression-recorder-skill/tree/main into .github/skills/ui-regression-recorder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-regression-recorder", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add xuxh21/ui-regression-recorder-skill --skill ui-regression-recorder -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install xuxh21/ui-regression-recorder-skill ui-regression-recorder --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "ui-regression-recorder" agent skill from https://github.com/xuxh21/ui-regression-recorder-skill/tree/main into .opencode/skills/ui-regression-recorder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-regression-recorder", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
ui-regression-recorder- GitHub stars
- 112
- Token cost
- ~4.4k tokens
- SKILL.md length
- 2,073 words
- Files
- 6 (incl. assets)
- Skills in repo
- 1
- Repo updated
- First seen
- Licence
- None found
At a glance
A skill your agent uses when the user says to initialize the current project for UI regression, record an operation, convert Playwright codegen recordings into stable tests, extract shared helpers…
- Works in 5 steps: The user gives a business goal. → The skill decomposes that goal into… → The skill matches each step against… → …
- The user says to initialize the current project for UI regression
- SKILL.md covers Skill Model, Environment Baseline, Assembly Principle and Speed Policy, plus 16 more sections
- Runs TypeScript scripts from its folder; calls npm, playwright and rg
What it does
UI Regression Recorder is an agent skill from xuxh21/ui-regression-recorder-skill. Use when the user says to initialize the current project for UI regression, record an operation, convert Playwright codegen recordings into stable tests, extract shared helpers, compose a new flow from existing capabilities, run a named UI operation, or execute UI regression from the current Chrome or Playwright MCP page.
Its SKILL.md is about 4.4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 7 other files, including assets (for example `README.md`, `README.zh-CN.md` and `agents/openai.yaml`).
It sits in Testing & QA, covering Browser testing and Project scaffolding. It works with Playwright and Model Context Protocol. The repository describes itself as: 基于playwright cli页面测试自动化脚本.
When your agent uses it
- The user says to initialize the current project for UI regression
- Record an operation
- Convert Playwright codegen recordings into stable tests
- Extract shared helpers
Example prompts
- “/ui-regression-recorder”
Requirements
- Node.js
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- The user gives a business goal.
- The skill decomposes that goal into ordered business steps.
- The skill matches each step against existing capabilities, helpers, specs, and raw recordings.
- The skill assembles the shortest runnable flow from reusable pieces.
- The skill records only the missing or stale capability when reuse is insufficient.
What it can do on your machine
Read from SKILL.md and the folder at commit 369ea9f. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships script files (TypeScript), which the agent can run.
Shell commands in SKILL.md call:
npmplaywrightrg
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
UI Regression Recorder loads about 4.4k tokens when it runs. Until then it costs about 87 tokens; SKILL.md has 2,073 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 2,073 words (~4,449 tokens).
“Use this skill to turn a human UI flow into a reusable regression system. Prefer Chinese responses unless the repository uses English-only docs.”
- name
- ui-regression-recorder
Files
SKILL.md and 5 other files (assets) in the repository root of xuxh21/ui-regression-recorder-skill.
- SKILL.md
- README.md
- README.zh-CN.md
- agents/openai.yaml
- assets/flows.template.json
- assets/playwright-common-flows.template.ts
Open the folder on GitHubat commit 369ea9f
Compare with similar skills
UI Regression Recorder next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| UI Regression Recorder this skillxuxh21/ui-regression-recorder-skill | 112 | — | ~4.4k | Automated safety check: Pass | None | |
| Invisible Playwrightfeder-cr/invisible_dots | 32k | — | ~989 | Automated safety check: Pass | MIT | |
| Playwright E2E Testsonyx-dot-app/onyx | 32k | 1 repos | ~2.8k | Automated safety check: Notes | Custom licence | |
| Shogun Screenshotyohey-w/multi-agent-shogun | 1.4k | — | ~901 | Automated safety check: Notes | MIT | |
| Desktopgridaco/grida | 2.7k | — | ~3.2k | Automated safety check: Notes | Apache-2.0 | |
| Playwright Debugvoicetreelab/voicetree | 923 | — | ~1.2k | Automated safety check: Pass | Custom licence |
Similar skills
Playwright E2E Tests
onyx-dot-app/onyx
Write and maintain Playwright end-to-end tests for the Onyx application.
Shogun Screenshot
yohey-w/multi-agent-shogun
スクリーンショットの取得・加工を行う。ローカルスクショから最新画像を取得、 PlaywrightでWebページをキャプチャ、画像のトリミング・リサイズ、機微情報を黒塗りマスキング。
Desktop
gridaco/grida
Grida Desktop Electron shell and release-impact work: BrowserWindow, preload, window.grida, menus, protocol/deep links, file associations, Forge, path-scoped bridge security, Electron-only UI bugs…
Playwright Debug
voicetreelab/voicetree
This skill should be used when the user asks to "debug the electron app", "connect playwright to VoiceTree", "take screenshots of the running app", "interact with the live UI", "inspect the running…
Hands On Test
ktnyt/cclsp
Performs manual hands-on testing of a web application using playwright-cli.
Related
Works with
Categories
Questions about UI Regression Recorder
What does UI Regression Recorder do?
A skill your agent uses when the user says to initialize the current project for UI regression, record an operation, convert Playwright codegen recordings into stable tests, extract shared helpers…. UI Regression Recorder is an agent skill from xuxh21/ui-regression-recorder-skill. Use when the user says to initialize the current project for UI regression, record an operation, convert Playwright codegen recordings into stable tests, extract shared helpers, compose a new flow from existing capabilities, run a named UI operation, or execute UI regression from the current Chrome or Playwright MCP page.
When should I use UI Regression Recorder?
UI Regression Recorder fits situations like: the user says to initialize the current project for UI regression; record an operation; convert Playwright codegen recordings into stable tests; extract shared helpers.
How do I install UI Regression Recorder in Claude Code?
Run `npx skills add xuxh21/ui-regression-recorder-skill --skill ui-regression-recorder -a claude-code`. Or copy the skill folder (the xuxh21/ui-regression-recorder-skill repository) into .claude/skills/ui-regression-recorder in your project. Claude Code loads it when a task matches its description.
How do I install UI Regression Recorder in Codex?
Run `npx skills add xuxh21/ui-regression-recorder-skill --skill ui-regression-recorder -a codex`. Or copy the skill folder (the xuxh21/ui-regression-recorder-skill repository) into .agents/skills/ui-regression-recorder in your project. Codex loads it when a task matches its description.
Can I use UI Regression Recorder in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add xuxh21/ui-regression-recorder-skill --skill ui-regression-recorder -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ui-regression-recorder, .gemini/skills/ui-regression-recorder, .github/skills/ui-regression-recorder and .opencode/skills/ui-regression-recorder in your project.
What does UI Regression Recorder need to run?
Going by SKILL.md and its folder, UI Regression Recorder needs TypeScript for the scripts in its folder and the command-line tools its instructions call (npm, playwright and rg). Our summary lists: Node.js.
Does UI Regression Recorder access the network?
SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is UI Regression Recorder safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does UI Regression Recorder use?
No licence was found for UI Regression Recorder or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does UI Regression Recorder use?
About 4.4k tokens (SKILL.md is roughly 18k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to UI Regression Recorder?
Skills that share tags, products or a category with UI Regression Recorder: Invisible Playwright (feder-cr/invisible_dots, 32k stars), Playwright E2E Tests (onyx-dot-app/onyx, 32k stars), Shogun Screenshot (yohey-w/multi-agent-shogun, 1.4k stars) and Desktop (gridaco/grida, 2.7k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains UI Regression Recorder?
xuxh21 (a GitHub user) maintains it in xuxh21/ui-regression-recorder-skill, which has 112 GitHub stars. The repository was last updated on June 6, 2026.
Source: xuxh21/ui-regression-recorder-skill on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.