vc-web-testing

Automate web testing across unit, E2E, load, and accessibility domains.

1.1k|223|Updated May 27, 2026
One-click install
npx skills add https://github.com/withkynam/vibecode-pro-max-kit --skill vc-web-testing-withkynam
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vc-web-testing
Source: https://github.com/withkynam/vibecode-pro-max-kit/tree/main/.claude/skills/vc-web-testing
Command: npx skills add https://github.com/withkynam/vibecode-pro-max-kit --skill vc-web-testing-withkynam

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Web apps require robust testing across multiple layers to ensure reliability, performance, and accessibility. This skill provides a unified framework to run unit, integration, end-to-end, load, security, visual regression, and accessibility tests using Playwright, Vitest, and k6, enabling fast feedback and higher quality releases.

Core Features & Use Cases

  • End-to-end testing with Playwright for UI flows and cross-browser checks.
  • Unit and integration testing with Vitest for rapid feedback during development.
  • Load and performance testing with k6; accessibility checks with axe-core and Lighthouse; visual regression testing with Playwright's screenshot comparisons.
  • Use cases: validating login flows under load, regression of critical user journeys, ensuring accessibility conformance across devices, and detecting flakiness across test suites.

Quick Start

Run unit tests with Vitest, E2E tests with Playwright, and load and accessibility checks with k6 and axe-core to validate a web app end-to-end.

Frequently Asked Questions about vc-web-testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate web testing across unit, end-to-end, and load tests?

Automate web testing by using Vitest for unit tests, Playwright for end-to-end UI flows, and k6 for load tests. This combination provides fast feedback during development and validates critical user journeys across browsers.

What's the best way to run accessibility checks during web test automation?

Run accessibility checks during web test automation by integrating axe-core and Lighthouse into your test pipelines. This approach ensures accessibility conformance across devices alongside functional validations.

Can I use Playwright for visual regression testing and cross-browser checks?

Playwright supports visual regression testing through screenshot comparisons and handles cross-browser compatibility checks. It automates end-to-end UI flows to detect visual discrepancies and flakiness across test suites.

Does this web testing approach support validating login flows under load?

Validating login flows under load is supported by combining k6 for performance testing with Playwright for UI automation. This validates critical user journeys and performance bottlenecks across staging and CI pipelines.

How do I fix flaky tests in my web testing pipelines?

Fix flaky tests in web testing pipelines by running structured test suites across development, staging, and CI environments. Utilizing Vitest and Playwright helps detect and remediate flakiness across test runs.