Web Testing Skill for Claude
Web testing with Playwright, Vitest, k6. E2E/unit/integration/load/security/visual/a11y testing. Use for test automation, flakiness, Core Web Vitals, mobile gestures, cross-browser.
Install
one command, takes just this skill from the repositorynpx skills add https://github.com/mrgoonie/claudekit-skills --skill web-testingWhat comes with it
38 470 bytes besides the instructionThe instruction itself
14 sections, as written by the authorWeb Testing Skill
Comprehensive web testing: unit, integration, E2E, load, security, visual regression, accessibility.
Quick Start
npx vitest run # Unit tests
npx playwright test # E2E tests
npx playwright test --ui # E2E with UI
k6 run load-test.js # Load tests
npx @axe-core/cli https://example.com # Accessibility
npx lighthouse https://example.com # Performance
Testing Pyramid (70-20-10)
| Layer | Ratio | Framework | Speed |
|-------|-------|-----------|-------|
| Unit | 70% | Vitest/Jest | <50ms |
| Integration | 20% | Vitest + fixtures | 100-500ms |
| E2E | 10% | Playwright | 5-30s |
When to Use
- Unit: Functions, utilities, state logic
- Integration: API endpoints, database ops, modules
- E2E: Critical flows (login, checkout, payment)
- Load: Pre-release performance validation
- Security: Pre-deploy vulnerability scanning
- Visual: UI regression detection
Reference Documentation
Core Testing
./references/unit-integration-testing.md- Unit/integration patterns./references/e2e-testing-playwright.md- Playwright E2E workflows./references/component-testing.md- React/Vue/Angular component testing./references/testing-pyramid-strategy.md- Test ratios, priority matrix
Cross-Browser & Mobile
./references/cross-browser-checklist.md- Browser/device matrix./references/mobile-gesture-testing.md- Touch, swipe, orientation./references/shadow-dom-testing.md- Web components testing
Interactive & Forms
./references/interactive-testing-patterns.md- Forms, keyboard, drag-drop./references/functional-testing-checklist.md- Feature testing
Performance & Quality
./references/performance-core-web-vitals.md- LCP/CLS/INP, Lighthouse CI./references/visual-regression.md- Screenshot comparison./references/test-flakiness-mitigation.md- Stability strategies
Accessibility
./references/accessibility-testing.md- WCAG checklist, axe-core
Security
./references/security-testing-overview.md- OWASP Top 10, tools./references/security-checklists.md- Auth, API, headers./references/vulnerability-payloads.md- SQL/XSS/CSRF payloads
API & Load
./references/api-testing.md- API test patterns./references/load-testing-k6.md- k6 load test patterns
Checklists
./references/pre-release-checklist.md- Complete release checklist
CI/CD Integration
jobs:
test:
steps:
- run: npm run test:unit # Gate 1: Fast fail
- run: npm run test:e2e # Gate 2: After unit pass
- run: npm run test:a11y # Accessibility
- run: npx lhci autorun # Performance
Other skills for the same job
different authors, same section of the catalogue
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
Use when implementation is complete, all tests pass, and you need to decide how to integrate the work - guides completion of development work by presenting structured options for merge, PR, or cleanup
Use when implementing any feature or bugfix, before writing implementation code
Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes
Use when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims; evidence before assertions always
Expert guidance for systematic backtesting of trading strategies. Use when developing, testing, stress-testing, or validating quantitative trading strategies. Covers "beating ideas to death" methodology, parameter robustness testing, slippage modeling, bias prevention, and interpreting backtest results. Applicable when user asks about backtesting, strategy validation, robustness testing, avoiding overfitting, or systematic trading development.
Cloud laboratory platform for automated protein testing and validation. Use when designing proteins and needing experimental validation including binding assays, expression testing, thermostability measurements, enzyme activity assays, or protein sequence optimization. Also use for submitting experiments via API, tracking experiment status, downloading results, optimizing protein sequences for better expression using computational tools (NetSolP, SoluProt, SolubleMPNN, ESM), or managing protein design workflows with wet-lab validation.
This skill should be used for time series machine learning tasks including classification, regression, clustering, forecasting, anomaly detection, segmentation, and similarity search. Use when working with temporal data, sequential patterns, or time-indexed observations requiring specialized algorithms beyond standard ML approaches. Particularly suited for univariate and multivariate time series analysis with scikit-learn compatible APIs.
How to use it
Take mrgoonie/web-testing from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.
The instructions reference npx.
Without those the skill loads but fails at the first command.