A proper testing stack rolled into one skill: Playwright for E2E, Vitest for unit tests, k6 for load testing, plus accessibility and visual regression tooling. The testing pyramid breakdown (70% unit, 20% integration, 10% E2E) is sensible, and the reference docs cover practical stuff like flakiness mitigation, mobile gestures, and Core Web Vitals. You get security checklists for OWASP Top 10, cross-browser matrices, and pre-release gates. Use this when you need a complete testing strategy instead of piecing together random examples from different tools. The CI/CD pipeline setup shows the intended workflow: fast unit tests first, then progressively slower gates. It's opinionated about ratios and tooling, which is actually helpful if you're setting up testing from scratch.

skills.sh installs
448
GitHub stars
2.2K
last updated
Aug 21, 2026

Install

$ npx -y skills add mrgoonie/claudekit-skills --skill web-testing --agent claude-code

Installs into .claude/skills of the current project.

Files

Web 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)

LayerRatioFrameworkSpeed
Unit70%Vitest/Jest<50ms
Integration20%Vitest + fixtures100-500ms
E2E10%Playwright5-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

Sponsors

Details

Repository
github.com/mrgoonie/claudekit-skills
Categories
Testing & QA, Security, Automation & Workflows, Mobile Development, Design & UI/UX
First seen
Jun 3, 2026

More from mrgoonie/claudekit-skills

All 28
1manutej avatarshell-testing-frameworkmanutej/luxor-claude-marketplaceShell script testing expertise using bash test framework patterns from unix-goto, covering test structure (arrange-act-assert), 4 test categories, assertion pat440skills.sh installs
2tldraw avatarwrite-e2e-teststldraw/tldrawWriting Playwright E2E tests for tldraw. Use when creating browser tests, testing UI interactions, or adding E2E coverage in apps/examples/e2e or apps/dotcom/cl436skills.sh installs
3tartinerlabs avatartestingtartinerlabs/skillsUse when writing tests, running tests, adding test coverage, or debugging test failures. Detects the language and its test runner (JS/TS, Python, Go, Rust) for 419skills.sh installs
4pproenca avatartddpproenca/dot-skillsTest-Driven Development methodology and red-green-refactor workflow (formerly test-tdd). This skill should be used when practicing TDD, writing tests first, des415skills.sh installs
5dalestudy avatartestingdalestudy/skillsReact Testing Library 및 Vitest 기반 테스팅 모범 관례. 다음 상황에서 사용: (1) .test.tsx, .test.ts, .spec.tsx, .spec.ts 파일 작업 시, (2) 컴포넌트 테스트 작성 또는 리팩토링 시, (3) 'test', 'testing',413skills.sh installs
6bobmatnyc avatartest-driven-developmentbobmatnyc/claude-mpm-skillsComprehensive TDD patterns and practices for all programming languages, eliminating redundant testing guidance per agent.400skills.sh installs