
Web Testing
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-codeInstalls 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)
| 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
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- Databases441
- Frontend Design424
- Docs Seeker408
- Repomix406
- Better Auth396
- Frontend Dev Guidelines377
- Web Frameworks377
- Mcp Management373
- Mermaidjs V11370
- Skill Creator360
- Payment Integration356
- Mcp Builder315
- Template Skill294
- Backend Development2.3K
- Sequential Thinking1.8K
- Threejs1.3K
- Devops995
- Chrome Devtools745
- Aesthetic722
- Ui Styling645
- Problem Solving582
- Debugging575
- Media Processing568
- Ai Multimodal539