mrgoonie/web-testing
.claude/skills/web-testing/SKILL.md
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 --global
skillsauthnpx skillsauth add mrgoonie/claudekit-skills web-testingInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 7, 2026, 8:51 AM74.8s12 files scanned
SKILL.md
- name:
- web-testing
- description:
- 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.
- license:
- Apache-2.0
- version:
- 2.0.0
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
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
Related Skills
mrgoonie/threejs
development
VerifiedTrustedCommunity
Build 3D web apps with Three.js (WebGL/WebGPU). Use for 3D scenes, animations, custom shaders, PBR materials, VR/XR experiences, games, data visualizations, product configurators.
1,954SKILL.mdUpdated Apr 7, 2026
mrgoonie/template-skill
tools
VerifiedTrustedCommunity
Replace with description of the skill and when Claude should use it.
1,954SKILL.mdUpdated Apr 7, 2026
mrgoonie/skill-creator
tools
VerifiedTrustedCommunity
Create or update Claude skills. Use for new skills, skill references, skill scripts, optimizing existing skills, extending Claude's capabilities.
1,954SKILL.mdUpdated Apr 7, 2026
mrgoonie/sequential-thinking
content-media
VerifiedTrustedCommunity
Use when complex problems require systematic step-by-step reasoning with ability to revise thoughts, branch into alternative approaches, or dynamically adjust scope. Ideal for multi-stage analysis, design planning, problem decomposition, or tasks with initially unclear scope.
1,954SKILL.mdUpdated Apr 7, 2026