skills.rest
dthuy62
dthuy62COMMUNITY
Explore all skills by this author →
GitHub

ck:web-testing

Coordinates web testing across multiple frameworks and tools for comprehensive coverage.

Updated May 10, 2026
Search Tags:#vitest#ci/cd#accessibility#web testing#load testing#playwright#flakiness
One-click install
npx skills add https://github.com/dthuy62/kollet-app --skill ck-web-testing-dthuy62
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:web-testing
Source: https://github.com/dthuy62/kollet-app/tree/main/.opencode/skills/web-testing
Command: npx skills add https://github.com/dthuy62/kollet-app --skill ck-web-testing-dthuy62

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps teams build reliable, maintainable web testing workflows across unit, integration, end-to-end, performance, accessibility, and security checks, reducing flaky releases and manual verification.

Core Features & Use Cases

  • Comprehensive guidance for Playwright, Vitest, k6, axe-core, and Lighthouse testing workflows.
  • Support for cross-browser coverage, mobile gestures, visual regression, contract testing, and CI/CD integration.
  • Use case: validate a new web feature from component logic through browser flows, accessibility checks, and load thresholds before release.

Quick Start

Ask the skill to design a web testing plan for your app and include the exact commands, fixtures, and CI checks you should add first.

Frequently Asked Questions about ck:web-testing

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

FAQPage Schema
How do I design a web testing plan for modern web applications?▼

To reduce flaky web tests, implement robust selector strategies, leverage test fixtures, and apply parallel execution through sharding. Flakiness mitigation guidance ensures reliable execution across CI/CD pipelines and prevents manual verification bottlenecks.

How do I reduce Playwright test flakiness in CI/CD pipelines?▼

To reduce flaky web tests, implement robust selector strategies, leverage test fixtures, and apply parallel execution through sharding. Flakiness mitigation guidance ensures reliable execution across CI/CD pipelines and prevents manual verification bottlenecks.

What's the best way to integrate Vitest and k6 into a web testing workflow?▼

Integrating Vitest for unit and integration tests alongside k6 for load testing creates comprehensive web testing workflows. This combination validates component logic and performance thresholds before releases, reducing flaky deployments through structured CI/CD checks.

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

Yes, the web testing approach supports accessibility checks using axe-core and visual regression testing. It also integrates Lighthouse for performance auditing, ensuring modern web applications meet comprehensive security and accessibility validation requirements.

When do I need contract testing versus end-to-end testing for web features?▼

Contract testing validates API interactions between services without full browser execution, while end-to-end testing covers complete browser flows. A web testing plan uses both to validate component logic and cross-browser coverage efficiently.

Related Skills

Explore More Software Engineering Skills→
mkalhitti-cloudmkalhitti-cloud
2

webapp-testing

Automate end-to-end testing of local web applications with Playwright.

Community
Intermediate
VirtoCommerceVirtoCommerce
2

qa-metrics

Analyze test execution metrics and enforce release readiness criteria.

Official
Advanced
Pixel-Process-UGPixel-Process-UG
1

webapp-testing

Automate Playwright end-to-end tests, visual regression, and accessibility audits.

Official
Advanced
MinhDuyDEVMinhDuyDEV

playwright

Automate browser testing and UI validation with Playwright workflows.

Community
Advanced