skills.rest
mafvietnam
mafvietnamCOMMUNITY
Explore all skills by this author →
GitHub

ck:web-testing

Automate web testing across Playwright, Vitest, and k6 workflows.

Updated Mar 30, 2026
Search Tags:#vitest#playwright#k6#web-testing#e2e-testing#testing-strategy
One-click install
npx skills add https://github.com/mafvietnam/mafapp --skill ck-web-testing-mafvietnam
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:web-testing
Source: https://github.com/mafvietnam/mafapp/tree/main/.claude/skills/web-testing
Command: npx skills add https://github.com/mafvietnam/mafapp --skill ck-web-testing-mafvietnam

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Web testing across modern frameworks to verify functionality, reliability, and performance from unit to end-to-end flows.

Core Features & Use Cases

  • Supports unit, integration, E2E, load, security, visual regression, and accessibility testing.
  • Enables flaky test diagnosis, cross-browser coverage, and core web vitals evaluation.
  • Real-world example: ensure a user sign-up flow works consistently across Chrome, Firefox, and Safari, including accessibility checks.

Quick Start

Run a starter test suite to validate your app across Playwright, Vitest, and k6.

Frequently Asked Questions about ck:web-testing

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

FAQPage Schema
How do I automate cross-browser E2E testing for a web application?▼

Cross-browser E2E testing is automated using Playwright workflows to verify user flows like sign-ups consistently across Chrome, Firefox, and Safari. This approach coordinates browser execution, accessibility checks, and visual regression in one suite.

What is the best way to diagnose flaky tests in a Playwright test suite?▼

Diagnosing flaky tests involves running targeted web-testing scripts to isolate non-deterministic failures within your Playwright and Vitest workflows. The process identifies execution timing issues and environment inconsistencies to stabilize cross-browser test runs.

Can I use Vitest and k6 together in a comprehensive web testing strategy?▼

Yes, you can use Vitest and k6 together by applying a comprehensive web-testing strategy that separates unit and integration testing from load testing. This workflow validates functional logic and application performance simultaneously.

How do I evaluate core web vitals during load testing?▼

Evaluating core web vitals during load testing is achieved by running k6 workflows alongside E2E tests to measure performance under stress. This captures reliability metrics and rendering speed checks for consistent user experiences.

Does this web testing workflow support accessibility and visual regression checks?▼

Yes, the web testing workflow supports both accessibility and visual regression checks across modern browsers. It integrates these evaluations into your Playwright and Vitest suites to ensure UI consistency and compliance during end-to-end flows.

Related Skills

Explore More Software Engineering Skills→
Dmccarty30Dmccarty30
4

using-git-worktrees

Create isolated Git worktrees with dependency installation and baseline tests.

Community
Intermediate
cffrankcffrank

test-analyzer

Parse Vitest JSON output to generate test quality metrics and reports.

Community
Advanced
heyallencaoheyallencao
118

ks-verify

Run automated test suites and coverage checks to validate code claims.

Community
Intermediate
Ankurjain1121Ankurjain1121

e2e-testing-patterns

Plan standardized end-to-end testing patterns for multi-agent frameworks.

Community
Advanced