Playwright Testing
chongdashu/vibejam-starter-pack
Plan, implement, and debug frontend tests: unit/integration/E2E/visual/a11y.
Professional web application testing and automation using Playwright with support for multiple browsers, mobile emulation, screenshot capture, network interception, and comprehensive test assertions.
Install Webapp Testing
$ npx skills add aiskillstore/marketplace --skill webapp-testing -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install aiskillstore/marketplace webapp-testing --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/aiskillstore/marketplace.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/autumnsgrove/webapp-testing .claude/skills/webapp-testing && 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 "webapp-testing" agent skill from https://github.com/aiskillstore/marketplace/tree/main/skills/autumnsgrove/webapp-testing into .claude/skills/webapp-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "webapp-testing", 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/aiskillstore/marketplace/tree/main/skills/autumnsgrove/webapp-testingType 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 aiskillstore/marketplace --skill webapp-testing -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install aiskillstore/marketplace webapp-testing --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/aiskillstore/marketplace.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/autumnsgrove/webapp-testing .agents/skills/webapp-testing && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "webapp-testing" agent skill from https://github.com/aiskillstore/marketplace/tree/main/skills/autumnsgrove/webapp-testing into .agents/skills/webapp-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "webapp-testing", 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 aiskillstore/marketplace --skill webapp-testing -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install aiskillstore/marketplace webapp-testing --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/aiskillstore/marketplace.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/autumnsgrove/webapp-testing .cursor/skills/webapp-testing && 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 "webapp-testing" agent skill from https://github.com/aiskillstore/marketplace/tree/main/skills/autumnsgrove/webapp-testing into .cursor/skills/webapp-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "webapp-testing", 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/aiskillstore/marketplace.git --path skills/autumnsgrove/webapp-testing--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 aiskillstore/marketplace --skill webapp-testing -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install aiskillstore/marketplace webapp-testing --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/aiskillstore/marketplace.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/autumnsgrove/webapp-testing .gemini/skills/webapp-testing && 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 "webapp-testing" agent skill from https://github.com/aiskillstore/marketplace/tree/main/skills/autumnsgrove/webapp-testing into .gemini/skills/webapp-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "webapp-testing", 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 aiskillstore/marketplace webapp-testingInstalls 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 aiskillstore/marketplace --skill webapp-testing -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/aiskillstore/marketplace.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/autumnsgrove/webapp-testing .github/skills/webapp-testing && 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 "webapp-testing" agent skill from https://github.com/aiskillstore/marketplace/tree/main/skills/autumnsgrove/webapp-testing into .github/skills/webapp-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "webapp-testing", 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 aiskillstore/marketplace --skill webapp-testing -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install aiskillstore/marketplace webapp-testing --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/aiskillstore/marketplace.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/autumnsgrove/webapp-testing .opencode/skills/webapp-testing && 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 "webapp-testing" agent skill from https://github.com/aiskillstore/marketplace/tree/main/skills/autumnsgrove/webapp-testing into .opencode/skills/webapp-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "webapp-testing", 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
webapp-testing- GitHub stars
- 430
- Token cost
- ~2.8k tokens
- SKILL.md length
- 542 words
- Files
- 15 (incl. scripts, references)
- Skills in repo
- 1,085
- Repo updated
- First seen
- Licence
- None found
At a glance
Professional web application testing and automation using Playwright with support for multiple browsers, mobile emulation, screenshot capture, network interception, and comprehensive test assertions.
- Works in 5 steps: Basic Test Setup → Form Interactions → API Mocking → …
- E2E testing across browsers
- SKILL.md covers Overview, Core Capabilities, Core Testing Workflow and Key Testing Principles, plus 5 more sections
- Runs Python scripts from its folder; calls pytest, playwright and pip; reaches iana.org
What it does
Webapp Testing is an agent skill from aiskillstore/marketplace. Professional web application testing and automation using Playwright with support for multiple browsers, mobile emulation, screenshot capture, network interception, and comprehensive test assertions. Use for: (1) E2E testing across browsers, (2) UI automation, (3) Form testing and validation, (4) Visual regression testing, (5) API mocking and interception, (6) Mobile responsive testing
Its SKILL.md is about 2.8k tokens, which your agent loads only when the skill is triggered. The skill folder holds 17 other files, including scripts and reference files (for example `README.md`, `examples/api-mocking.md` and `examples/ecommerce-testing.md`).
It sits in Testing & QA, covering Browser testing, Visual regression testing and End-to-end testing. It works with Playwright. The repository describes itself as: Security-audited skills for Claude, Codex & Claude Code. One-click install, quality verified.
When your agent uses it
- E2E testing across browsers
- Form testing and validation
- Visual regression testing
- API mocking and interception
Example prompts
- “/webapp-testing”
Requirements
- Python 3
- Docker
Workflow steps
5 steps, taken from the step headings in SKILL.md.
- Basic Test Setup
- Form Interactions
- API Mocking
- Mobile Emulation
- Visual Regression
What it can do on your machine
Read from SKILL.md and the folder at commit 4ac52da. 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 2 files in scripts/ (Python), which the agent can run.
Shell commands in SKILL.md call:
pytestplaywrightpip
From the folder's file list and the shell code blocks in SKILL.md.
Network
Hosts in commands or code, which the agent is likely to contact:
iana.org
Also links to:
playwright.devaka.ms
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
Webapp Testing loads about 2.8k tokens when it runs, and up to ~6.3k if it reads all its reference files. Until then it costs about 101 tokens; SKILL.md has 542 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); the scripts in this folder are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 542 words (~2,769 tokens).
“Playwright is a powerful framework for web testing and automation that supports all modern browsers (Chromium, Firefox, WebKit). It provides reliable, fast, and capable automation with auto-waiting, network control, and comprehensive testing capabilities.”
- name
- webapp-testing
Files
SKILL.md and 14 other files (scripts, references) in skills/autumnsgrove/webapp-testing of aiskillstore/marketplace.
- SKILL.md
- README.md
- examples/api-mocking.md
- examples/ecommerce-testing.md
- examples/form-testing.md
- examples/login-testing.md
- examples/mobile-testing.md
- examples/page-object-model.md
- references/best-practices.md
- references/ci-cd-integration.md
- references/common-pitfalls.md
- references/setup-configuration.md
- scripts/playwright_helper.py
- scripts/test_examples.py
- skill-report.json
Open the folder on GitHubat commit 4ac52da
Compare with similar skills
Webapp Testing 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 |
|---|---|---|---|---|---|---|
| Webapp Testing this skillaiskillstore/marketplace | 430 | — | ~2.8k | Automated safety check: Pass | None | |
| Playwright Testingchongdashu/vibejam-starter-pack | 149 | — | ~2.2k | Automated safety check: Pass | None | |
| Playwright Expertcin12211/orca-q | 223 | — | ~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 | |
| Sanity Visual Regressionsanity-io/sanity | 6.4k | — | ~3.4k | Automated safety check: Pass | MIT |
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.
- Official
Sanity Visual Regression
sanity-io/sanity
Add, review, and maintain Chromatic visual regression coverage in the Sanity monorepo via dev/storybook stories, the vitest browser-mode suite, and Playwright e2e snapshots.
Playwright Expert
AratKruglik/claude-laravel
A skill your agent uses when writing E2E tests with Playwright, setting up test infrastructure, or debugging flaky browser tests.
More from aiskillstore/marketplace
All 1,085 skills in this repoCode Stats
aiskillstore/marketplace
Analyze codebase with tokei (fast line counts by language) and difft (semantic AST-aware diffs).
Data Processing
aiskillstore/marketplace
Process JSON with jq and YAML/TOML with yq. An agent skill from aiskillstore/marketplace.
Doc Scanner
aiskillstore/marketplace
Scans for project documentation files (AGENTS.md, CLAUDE.md, GEMINI.md, COPILOT.md, CURSOR.md, WARP.md, and 15+ other formats) and synthesizes guidance.
File Search
aiskillstore/marketplace
Modern file and content search using fd, ripgrep (rg), and fzf.
Find Replace
aiskillstore/marketplace
Modern find-and-replace using sd (simpler than sed) and batch replacement patterns.
Investigating Codebases
aiskillstore/marketplace
Automatically activated when user asks how something works, wants to understand unfamiliar code, needs to explore a new codebase, or asks questions like "where is X implemented?", "how does Y…
Related
Works with
Categories
Questions about Webapp Testing
What does Webapp Testing do?
Professional web application testing and automation using Playwright with support for multiple browsers, mobile emulation, screenshot capture, network interception, and comprehensive test assertions. Webapp Testing is an agent skill from aiskillstore/marketplace. Professional web application testing and automation using Playwright with support for multiple browsers, mobile emulation, screenshot capture, network interception, and comprehensive test assertions.
When should I use Webapp Testing?
Webapp Testing fits situations like: E2E testing across browsers; form testing and validation; visual regression testing; API mocking and interception.
How do I install Webapp Testing in Claude Code?
Run `npx skills add aiskillstore/marketplace --skill webapp-testing -a claude-code`. Or copy the skill folder (skills/autumnsgrove/webapp-testing in aiskillstore/marketplace) into .claude/skills/webapp-testing in your project. Claude Code loads it when a task matches its description.
How do I install Webapp Testing in Codex?
Run `npx skills add aiskillstore/marketplace --skill webapp-testing -a codex`. Or copy the skill folder (skills/autumnsgrove/webapp-testing in aiskillstore/marketplace) into .agents/skills/webapp-testing in your project. Codex loads it when a task matches its description.
Can I use Webapp Testing 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 aiskillstore/marketplace --skill webapp-testing -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/webapp-testing, .gemini/skills/webapp-testing, .github/skills/webapp-testing and .opencode/skills/webapp-testing in your project.
What does Webapp Testing need to run?
Going by SKILL.md and its folder, Webapp Testing needs Python for the scripts in its folder and the command-line tools its instructions call (pytest, playwright and pip). Our summary lists: Python 3; Docker.
Does Webapp Testing access the network?
SKILL.md names 3 domains. In commands or code: iana.org; the agent is likely to contact it when it follows the instructions. As links in the text: playwright.dev and aka.ms. This is read from the text; nothing was executed.
Is Webapp Testing 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. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Webapp Testing use?
No licence was found for Webapp Testing or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Webapp Testing use?
About 2.8k tokens (SKILL.md is roughly 11k 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 3.6k tokens, read only when the agent opens those files.
What are the alternatives to Webapp Testing?
Skills that share tags, products or a category with Webapp Testing: Playwright Testing (chongdashu/vibejam-starter-pack, 149 stars), Playwright Expert (cin12211/orca-q, 223 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 Webapp Testing?
aiskillstore (a GitHub organization) maintains it in aiskillstore/marketplace, which has 430 GitHub stars. The repository holds 1,085 skills in this directory. The repository was last updated on October 7, 2026.
Source: aiskillstore/marketplace on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.