Playwright Testing
chongdashu/vibejam-starter-pack
Plan, implement, and debug frontend tests: unit/integration/E2E/visual/a11y.
A skill your agent uses when writing E2E tests with Playwright, setting up test infrastructure, or debugging flaky browser tests.
Install Playwright Expert
$ npx skills add AratKruglik/claude-laravel --skill playwright-expert -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install AratKruglik/claude-laravel playwright-expert --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/AratKruglik/claude-laravel.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/playwright-expert .claude/skills/playwright-expert && 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 "playwright-expert" agent skill from https://github.com/AratKruglik/claude-laravel/tree/main/.claude/skills/playwright-expert into .claude/skills/playwright-expert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-expert", 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/AratKruglik/claude-laravel/tree/main/.claude/skills/playwright-expertType 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 AratKruglik/claude-laravel --skill playwright-expert -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install AratKruglik/claude-laravel playwright-expert --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/AratKruglik/claude-laravel.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/playwright-expert .agents/skills/playwright-expert && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "playwright-expert" agent skill from https://github.com/AratKruglik/claude-laravel/tree/main/.claude/skills/playwright-expert into .agents/skills/playwright-expert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-expert", 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 AratKruglik/claude-laravel --skill playwright-expert -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install AratKruglik/claude-laravel playwright-expert --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/AratKruglik/claude-laravel.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/playwright-expert .cursor/skills/playwright-expert && 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 "playwright-expert" agent skill from https://github.com/AratKruglik/claude-laravel/tree/main/.claude/skills/playwright-expert into .cursor/skills/playwright-expert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-expert", 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/AratKruglik/claude-laravel.git --path .claude/skills/playwright-expert--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 AratKruglik/claude-laravel --skill playwright-expert -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install AratKruglik/claude-laravel playwright-expert --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/AratKruglik/claude-laravel.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/playwright-expert .gemini/skills/playwright-expert && 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 "playwright-expert" agent skill from https://github.com/AratKruglik/claude-laravel/tree/main/.claude/skills/playwright-expert into .gemini/skills/playwright-expert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-expert", 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 AratKruglik/claude-laravel playwright-expertInstalls 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 AratKruglik/claude-laravel --skill playwright-expert -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/AratKruglik/claude-laravel.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/playwright-expert .github/skills/playwright-expert && 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 "playwright-expert" agent skill from https://github.com/AratKruglik/claude-laravel/tree/main/.claude/skills/playwright-expert into .github/skills/playwright-expert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-expert", 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 AratKruglik/claude-laravel --skill playwright-expert -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install AratKruglik/claude-laravel playwright-expert --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/AratKruglik/claude-laravel.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/playwright-expert .opencode/skills/playwright-expert && 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 "playwright-expert" agent skill from https://github.com/AratKruglik/claude-laravel/tree/main/.claude/skills/playwright-expert into .opencode/skills/playwright-expert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-expert", 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
playwright-expert- GitHub stars
- 155
- Token cost
- ~824 tokens
- SKILL.md length
- 286 words
- Files
- 6 (incl. references)
- Skills in repo
- 17
- Repo updated
- First seen
- Licence
- None found
At a glance
A skill your agent uses when writing E2E tests with Playwright, setting up test infrastructure, or debugging flaky browser tests.
- Works in 5 steps: Analyze requirements - Identify user… → Setup - Configure Playwright with proper… → Write tests - Use POM pattern, proper… → …
- Writing E2E tests with Playwright
- SKILL.md covers Role Definition, When to Use This Skill, Core Workflow and Reference Guide, plus 4 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Playwright Expert is an agent skill from AratKruglik/claude-laravel. Use when writing E2E tests with Playwright, setting up test infrastructure, or debugging flaky browser tests. Invoke for browser automation, E2E tests, Page Object Model, test flakiness, visual testing. Українською: E2E тести, Playwright, браузерне тестування, автоматизація, флакі тести, налагодження тестів, селектори, скріншоти, трейси, тестова інфраструктура, Page Object Model, візуальне тестування, тестування інтерфейсу.
Its SKILL.md is about 820 tokens, which your agent loads only when the skill is triggered. The skill folder holds 6 other files, including reference files (for example `references/api-mocking.md`, `references/configuration.md` and `references/debugging-flaky.md`).
It sits in Testing & QA, covering Browser testing, End-to-end testing and Failing and flaky tests. It works with Playwright.
When your agent uses it
- Writing E2E tests with Playwright
- Setting up test infrastructure
- Debugging flaky browser tests
Example prompts
- “/playwright-expert”
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- Analyze requirements - Identify user flows to test
- Setup - Configure Playwright with proper settings
- Write tests - Use POM pattern, proper selectors, auto-waiting
- Debug - Fix flaky tests, use traces
- Integrate - Add to CI/CD pipeline
What it can do on your machine
Read from SKILL.md and the folder at commit 00e8b99. 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
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
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
Playwright Expert loads about 824 tokens when it runs, and up to ~5.3k if it reads all its reference files. Until then it costs about 112 tokens; SKILL.md has 286 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 286 words (~824 tokens).
“Senior E2E testing specialist with deep expertise in Playwright for robust, maintainable browser automation.”
- name
- playwright-expert
- triggers
- - Playwright - E2E test - end-to-end - browser testing - automation - UI testing - visual testing
- role
- specialist
- scope
- testing
- output-format
- code
Files
SKILL.md and 5 other files (references) in .claude/skills/playwright-expert of AratKruglik/claude-laravel.
- SKILL.md
- references/api-mocking.md
- references/configuration.md
- references/debugging-flaky.md
- references/page-object-model.md
- references/selectors-locators.md
Open the folder on GitHubat commit 00e8b99
Compare with similar skills
Playwright Expert 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 |
|---|---|---|---|---|---|---|
| Playwright Expert this skillAratKruglik/claude-laravel | 155 | — | ~824 | Automated safety check: Pass | None | |
| Playwright Testingchongdashu/vibejam-starter-pack | 149 | — | ~2.2k | Automated safety check: Pass | None | |
| Playwright Expertcin12211/orca-q | 224 | — | ~1.3k | Automated safety check: Pass | MIT | |
| Playwright ExpertJeffallan/claude-skills | 12k | — | ~1.4k | 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 | |
| E2E Testingaiskillstore/marketplace | 433 | 3 repos | ~942 | Automated safety check: Pass | None |
Similar skills
Playwright Expert
cin12211/orca-q
Playwright E2E testing expert for browser automation, cross-browser testing, visual regression, network interception, and CI integration.
Playwright Expert
Jeffallan/claude-skills
Writes and debugs Playwright end-to-end tests with page objects, role-based locators, fixtures, API mocking, traces and CI setup.
Web Testing with Playwright and Vitest
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.
E2E Testing
aiskillstore/marketplace
End-to-end testing workflow with Playwright for browser automation, visual regression, cross-browser testing, and CI/CD integration.
Playwright Automation
petrkindlmann/qa-skills
Write production-grade Playwright tests in TypeScript: Page Object Model, fixtures, auto-waiting, user-facing locators, parallel execution, CI integration, sharding, and 2025-2026 feature awareness.
More from AratKruglik/claude-laravel
All 17 skills in this repoLaravel Actions Patterns
AratKruglik/claude-laravel
A skill your agent uses when working with lorisleiva/laravel-actions package - AsController, AsJob, AsObject, AsListener patterns, handle() signatures, and deciding which trait combination to use…
Architecture Designer
AratKruglik/claude-laravel
A skill your agent uses when designing new system architecture, reviewing existing designs, or making architectural decisions.
Octane Frankenphp Gotchas
AratKruglik/claude-laravel
A skill your agent uses when debugging unexpected behavior in Laravel Octane with FrankenPHP - stale data between requests, memory leaks, singleton contamination, static property state, or anything…
Pest Testing
AratKruglik/claude-laravel
Tests applications using the Pest 4 PHP framework. An agent skill from AratKruglik/claude-laravel.
Security Reviewer
AratKruglik/claude-laravel
A skill your agent uses when conducting security audits, reviewing code for vulnerabilities, or analyzing infrastructure security.
Playwright Skill
AratKruglik/claude-laravel
Complete browser automation with Playwright. An agent skill from AratKruglik/claude-laravel.
Related
Works with
Categories
Questions about Playwright Expert
What does Playwright Expert do?
A skill your agent uses when writing E2E tests with Playwright, setting up test infrastructure, or debugging flaky browser tests. Playwright Expert is an agent skill from AratKruglik/claude-laravel. Use when writing E2E tests with Playwright, setting up test infrastructure, or debugging flaky browser tests.
When should I use Playwright Expert?
Playwright Expert fits situations like: writing E2E tests with Playwright; setting up test infrastructure; debugging flaky browser tests.
How do I install Playwright Expert in Claude Code?
Run `npx skills add AratKruglik/claude-laravel --skill playwright-expert -a claude-code`. Or copy the skill folder (.claude/skills/playwright-expert in AratKruglik/claude-laravel) into .claude/skills/playwright-expert in your project. Claude Code loads it when a task matches its description.
How do I install Playwright Expert in Codex?
Run `npx skills add AratKruglik/claude-laravel --skill playwright-expert -a codex`. Or copy the skill folder (.claude/skills/playwright-expert in AratKruglik/claude-laravel) into .agents/skills/playwright-expert in your project. Codex loads it when a task matches its description.
Can I use Playwright Expert 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 AratKruglik/claude-laravel --skill playwright-expert -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/playwright-expert, .gemini/skills/playwright-expert, .github/skills/playwright-expert and .opencode/skills/playwright-expert in your project.
What does Playwright Expert need to run?
SKILL.md names no scripts, command-line tools or credentials: Playwright Expert is instructions for the agent only.
Does Playwright Expert access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Playwright Expert 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 Playwright Expert use?
No licence was found for Playwright Expert or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Playwright Expert use?
About 824 tokens (SKILL.md is roughly 3.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 4.5k tokens, read only when the agent opens those files.
What are the alternatives to Playwright Expert?
Skills that share tags, products or a category with Playwright Expert: Playwright Testing (chongdashu/vibejam-starter-pack, 149 stars), Playwright Expert (cin12211/orca-q, 224 stars), Playwright Expert (Jeffallan/claude-skills, 12k 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.
Who maintains Playwright Expert?
AratKruglik (a GitHub user) maintains it in AratKruglik/claude-laravel, which has 155 GitHub stars. The repository holds 17 skills in this directory. The repository was last updated on April 20, 2026.
Source: AratKruglik/claude-laravel on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.