Playwright Testing
chongdashu/vibejam-starter-pack
Plan, implement, and debug frontend tests: unit/integration/E2E/visual/a11y.
Write or fix Playwright tests in app/e2e that pass on slow CI runners and against a real fleet (smoke:live).
$ npx skills add sean-brydon/berthd --skill e2e-tests -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install sean-brydon/berthd e2e-tests --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/sean-brydon/berthd.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/e2e-tests .claude/skills/e2e-tests && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "e2e-tests" agent skill from https://github.com/sean-brydon/berthd/tree/main/.claude/skills/e2e-tests into .claude/skills/e2e-tests/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "e2e-tests", 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.
$skill-installer install https://github.com/sean-brydon/berthd/tree/main/.claude/skills/e2e-testsType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add sean-brydon/berthd --skill e2e-tests -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install sean-brydon/berthd e2e-tests --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sean-brydon/berthd.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/e2e-tests .agents/skills/e2e-tests && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "e2e-tests" agent skill from https://github.com/sean-brydon/berthd/tree/main/.claude/skills/e2e-tests into .agents/skills/e2e-tests/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "e2e-tests", 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 sean-brydon/berthd --skill e2e-tests -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install sean-brydon/berthd e2e-tests --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sean-brydon/berthd.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/e2e-tests .cursor/skills/e2e-tests && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "e2e-tests" agent skill from https://github.com/sean-brydon/berthd/tree/main/.claude/skills/e2e-tests into .cursor/skills/e2e-tests/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "e2e-tests", 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.
$ gemini skills install https://github.com/sean-brydon/berthd.git --path .claude/skills/e2e-tests--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add sean-brydon/berthd --skill e2e-tests -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install sean-brydon/berthd e2e-tests --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sean-brydon/berthd.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/e2e-tests .gemini/skills/e2e-tests && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "e2e-tests" agent skill from https://github.com/sean-brydon/berthd/tree/main/.claude/skills/e2e-tests into .gemini/skills/e2e-tests/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "e2e-tests", 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 sean-brydon/berthd e2e-testsInstalls 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 sean-brydon/berthd --skill e2e-tests -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/sean-brydon/berthd.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/e2e-tests .github/skills/e2e-tests && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "e2e-tests" agent skill from https://github.com/sean-brydon/berthd/tree/main/.claude/skills/e2e-tests into .github/skills/e2e-tests/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "e2e-tests", 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 sean-brydon/berthd --skill e2e-tests -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install sean-brydon/berthd e2e-tests --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sean-brydon/berthd.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/e2e-tests .opencode/skills/e2e-tests && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "e2e-tests" agent skill from https://github.com/sean-brydon/berthd/tree/main/.claude/skills/e2e-tests into .opencode/skills/e2e-tests/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "e2e-tests", 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.
e2e-testsWrite or fix Playwright tests in app/e2e that pass on slow CI runners and against a real fleet (smoke:live).
E2E Tests is an agent skill from sean-brydon/berthd. Write or fix Playwright tests in app/e2e that pass on slow CI runners and against a real fleet (smoke:live). Use when adding a spec, when a browser test flakes in CI, or when running the suite.
Its SKILL.md is about 700 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Testing & QA, covering End-to-end testing, Accessibility and Browser testing. It works with Playwright. The repository describes itself as: Run coding agents on your dev boxes: worktrees, terminals, orchestration, kits and automations, with a desktop app. The licence is MIT.
Read from SKILL.md and the folder at commit fc5b184. It shows what the files ask for, not the result of running them.
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.
Shell commands in SKILL.md call:
pnpmnpxFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use pnpm and npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names these keys or tokens, usually read from environment variables:
VITE_BERTH_TOKENFrom names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
E2E Tests loads about 697 tokens when it runs. Until then it costs about 51 tokens; SKILL.md has 360 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.
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.
The full file from sean-brydon/berthd at commit fc5b184, republished under its MIT licence (© sean-brydon). 360 words, ~697 tokens.
.claude/skills/e2e-tests/SKILL.md (or your agent's skills folder).The suite runs the production build in Playwright's Chromium on mock fixtures (?mock=1). The helpers are in fixtures.ts: app.open(), app.openWorktree(), app.chat, app.composer, app.panes.
cd app && pnpm build
E2E_PORT=1427 npx playwright test e2e/thing.spec.ts # a free port in 1421-1439
E2E_PORT=1427 npx playwright test e2e/thing.spec.ts --repeat-each=5 # before calling a fix doneE2E_WORKERS sets the worker count; CI uses 6 on omarchy and 2 on hosted runners.
Every flake fixed so far was one of these:
await expect.poll(() => …).toBe(…) or a web-first assertion (toBeVisible, toHaveAttribute), never expect(await …) straight after keyboard.press or a click.waitForTimeout, except to let an animation finish before a screenshot or axe.pnpm smoke:live)smoke:live runs the same specs against the real laptop agent (VITE_BERTH_TOKEN in env, never in the URL).
mockOnly("why").await agentWorktree(app, "devl/checkout-fix"), never a hard-coded mock worktree name. It unfolds the sidebar's "N more worktrees" and picks one with an agent.a11y.spec.ts)By default, axe runs in Berth Dark over one state per screen (a11y-scenes.ts). A11Y_FULL=1 adds Berth Light and the scenes marked extra. A11Y_THEMES=all checks key screens' contrast in every theme. A new screen gets a scene; another state of an existing screen gets extra: true. Input borders are deliberately subtle: don't raise them for contrast.
src/lib/mock*.ts if you need more.whatsNewSeen by default, so the What's new note stays away unless the test is about it.© sean-brydon, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in .claude/skills/e2e-tests of sean-brydon/berthd.
Open the folder on GitHubat commit fc5b184
E2E Tests 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 |
|---|---|---|---|---|---|---|
| E2E Tests this skillsean-brydon/berthd | 286 | — | ~697 | Automated safety check: Pass | MIT | |
| Playwright Testingchongdashu/vibejam-starter-pack | 149 | — | ~2.1k | Automated safety check: Pass | None | |
| Playwright Testingchongdashu/vibejam-starter-pack | 149 | — | ~2.2k | Automated safety check: Pass | None | |
| Agentic Browser Testingpetrkindlmann/qa-skills | 168 | — | ~4.5k | Automated safety check: Pass | MIT | |
| Web Testing with Playwright and Vitestwithkynam/vibecode-pro-max-kit | 1.1k | — | ~892 | Automated safety check: Pass | Apache-2.0 | |
| React Testingaffaan-m/ECC | 276k | 1 repos | ~3.3k | Automated safety check: Pass | MIT |
chongdashu/vibejam-starter-pack
Plan, implement, and debug frontend tests: unit/integration/E2E/visual/a11y.
chongdashu/vibejam-starter-pack
Plan, implement, and debug frontend tests: unit/integration/E2E/visual/a11y.
petrkindlmann/qa-skills
Goal-driven E2E testing where a browser agent (Playwright MCP / computer-use) reads a natural-language goal and explores the app via the accessibility tree to assert outcomes — no pre-written script.
withkynam/vibecode-pro-max-kit
Covers web testing from unit to E2E, load, visual, accessibility and security checks, with Playwright, Vitest and k6 guides plus a Playwright setup script.
affaan-m/ECC
React component testing with React Testing Library, Vitest/Jest, MSW for network mocking, accessibility assertions with axe, and the decision boundary between component tests and Playwright/Cypress…
forcedotcom/salesforcedx-vscode
Write or review browser component tests for Lit webviews and VSCode Elements.
sean-brydon/berthd
Use berth to work across development boxes — list repos (locations) and their worktrees, make a worktree or a task (a worktree with an agent in it), start or read terminal sessions, find which port…
sean-brydon/berthd
Show the user data as a chart, table, diagram, notes or one small page in their Shipyard app instead of a wall of text — write a berth.chart JSON, a CSV, Mermaid, Markdown or a self-contained HTML…
sean-brydon/berthd
Use your worktree's own page in a headless browser on the box — open it, read a compact snapshot with @refs, click, fill, press keys, wait, take a screenshot to a file, read console errors, and set…
sean-brydon/berthd
Automate berth with hooks — run a command when something happens (an agent finishes or needs the user, a worktree is created or removed, a session starts) or gate an action with a before: hook that…
sean-brydon/berthd
Drive other coding agents through berth — prompt a running agent, wait for its turn to end, run a check in its worktree, loop until a check passes, hand work to a fresh agent in a new worktree, ask…
sean-brydon/berthd
Run a worktree's dev server on its own port and show the page to the user in their Shipyard app — start the app on $BERTHPORT, check it answers, and open it as a browser tab next to your terminal…
Works with
Categories
Write or fix Playwright tests in app/e2e that pass on slow CI runners and against a real fleet (smoke:live). E2E Tests is an agent skill from sean-brydon/berthd. Write or fix Playwright tests in app/e2e that pass on slow CI runners and against a real fleet (smoke:live).
E2E Tests fits situations like: A browser test flakes in CI; running the suite.
Run `npx skills add sean-brydon/berthd --skill e2e-tests -a claude-code`. Or copy the skill folder (.claude/skills/e2e-tests in sean-brydon/berthd) into .claude/skills/e2e-tests in your project. Claude Code loads it when a task matches its description.
Run `npx skills add sean-brydon/berthd --skill e2e-tests -a codex`. Or copy the skill folder (.claude/skills/e2e-tests in sean-brydon/berthd) into .agents/skills/e2e-tests in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add sean-brydon/berthd --skill e2e-tests -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/e2e-tests, .gemini/skills/e2e-tests, .github/skills/e2e-tests and .opencode/skills/e2e-tests in your project.
Going by SKILL.md and its folder, E2E Tests needs the command-line tools its instructions call (pnpm and npx) and credentials named VITE_BERTH_TOKEN. Our summary lists: Node.js; A credential in VITE_BERTH_TOKEN.
SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
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.
E2E Tests is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 697 tokens (SKILL.md is roughly 2.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with E2E Tests: Playwright Testing (chongdashu/vibejam-starter-pack, 149 stars), Playwright Testing (chongdashu/vibejam-starter-pack, 149 stars), Agentic Browser Testing (petrkindlmann/qa-skills, 168 stars) and Web Testing with Playwright and Vitest (withkynam/vibecode-pro-max-kit, 1.1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
sean-brydon (a GitHub user) maintains it in sean-brydon/berthd, which has 286 GitHub stars. The repository holds 10 skills in this directory. The repository was last updated on October 9, 2026.
Source: sean-brydon/berthd on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.