Skip to content
cccskills
FreePublished on GitHub

vc-web-testing

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.

The English summary is being prepared. Showing the original description.

Works withPlaywright
See how to install

Files included (27)

  • SKILL.md3.5 KB
  • references/accessibility-testing.md1.9 KB
  • references/api-testing.md2.3 KB
  • references/ci-cd-testing-workflows.md2.6 KB
  • references/component-testing.md2.4 KB
  • references/contract-testing.md3.3 KB
  • references/cross-browser-checklist.md1.7 KB
  • references/database-testing.md3.9 KB
  • references/e2e-testing-playwright.md2.7 KB
  • references/functional-testing-checklist.md2.7 KB
  • references/interactive-testing-patterns.md2.5 KB
  • references/load-testing-k6.md1.7 KB
  • references/mobile-gesture-testing.md2.1 KB
  • references/performance-core-web-vitals.md3.1 KB
  • references/playwright-component-testing.md2.8 KB
  • references/pre-release-checklist.md1.8 KB
  • references/security-checklists.md2.5 KB
  • references/security-testing-overview.md2.8 KB
  • references/shadow-dom-testing.md1.6 KB
  • references/test-data-management.md2.9 KB
  • references/test-flakiness-mitigation.md1.8 KB
  • references/testing-pyramid-strategy.md2.1 KB
  • references/unit-integration-testing.md2.7 KB
  • references/visual-regression.md2.2 KB
  • references/vulnerability-payloads.md1.3 KB
  • scripts/analyze-test-results.js7.8 KB
  • scripts/init-playwright.js6.5 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Web Testing Skill

Output style: Follow process/development-protocols/communication-standards.md — answer-first, plain language, no unexplained jargon, TL;DR on long responses.

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 Strategy (Choose Your Model)

ModelStructureBest For
PyramidUnit 70% > Integration 20% > E2E 10%Monoliths
TrophyIntegration-heavyModern SPAs
HoneycombContract-centricMicroservices

→ ./references/testing-pyramid-strategy.md

Reference Documentation

Core Testing

  • ./references/unit-integration-testing.md - Vitest, browser mode, AAA
  • ./references/e2e-testing-playwright.md - Fixtures, sharding, selectors
  • ./references/playwright-component-testing.md - CT patterns (production-ready)
  • ./references/component-testing.md - React/Vue/Angular patterns

Test Infrastructure

  • ./references/test-data-management.md - Factories, fixtures, seeding
  • ./references/database-testing.md - Testcontainers, transactions
  • ./references/ci-cd-testing-workflows.md - GitHub Actions, sharding
  • ./references/contract-testing.md - Pact, MSW patterns

Cross-Browser & Mobile

  • ./references/cross-browser-checklist.md - Browser/device matrix
  • ./references/mobile-gesture-testing.md - Touch, swipe, orientation

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 & Security

  • ./references/accessibility-testing.md - WCAG, axe-core
  • ./references/security-testing-overview.md - OWASP Top 10
  • ./references/security-checklists.md - Auth, API, headers

API & Load

  • ./references/api-testing.md - Supertest, GraphQL
  • ./references/load-testing-k6.md - k6 patterns

Checklists

  • ./references/pre-release-checklist.md - Complete release checklist
  • ./references/functional-testing-checklist.md - Feature testing

Scripts

Initialize Playwright Project

node ./scripts/init-playwright.js [--ct] [--dir <path>]

Creates best-practice Playwright setup: config, fixtures, example tests.

Analyze Test Results

node ./scripts/analyze-test-results.js \
  --playwright test-results/results.json \
  --vitest coverage/vitest.json \
  --output markdown

Parses Playwright/Vitest/JUnit results into unified summary.

CI/CD Integration

jobs:
  test:
    steps:
      - run: pnpm run test:unit      # Gate 1: Fast fail
      - run: pnpm run test:e2e       # Gate 2: After unit pass
      - run: pnpm run test:a11y      # Accessibility
      - run: npx lhci autorun       # Performance

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

AI-optimized browser automation CLI with context-efficient snapshots. Use for long autonomous sessions, self-verifying workflows, video recording, and cloud browser testing (Browserbase).

The English summary is being prepared. Showing the original description.

withkynam/vibecode-pro-max-kit1.2KUpdated Jun 21, 2026

Evaluate 4 execution strategies (sequential, parallel-subagents, workflow, agent-team) for a phase or fan-out task. Outputs 7-signal score table, agent count math, cost guards, and strategy recommendation.

The English summary is being prepared. Showing the original description.

withkynam/vibecode-pro-max-kit1.2KUpdated Jun 21, 2026

Audit project context routing, shared-skill discoverability, and Claude/Codex wiring. Use when context docs or skill surfaces move, split, or drift.

The English summary is being prepared. Showing the original description.

withkynam/vibecode-pro-max-kit1.2KUpdated Jun 21, 2026

Audit active project plan files for staleness, completion, and routing truth. Use when cleaning up plans, reconciling active work, or archiving completed artifacts.

The English summary is being prepared. Showing the original description.

withkynam/vibecode-pro-max-kit1.2KUpdated Jun 21, 2026

Audit agent harness health: Claude/Codex agent parity, skill registry consistency, README.md sync, and protocol file wiring. Use when agents, skills, README.md, or development-protocol files move, split, or drift.

The English summary is being prepared. Showing the original description.

withkynam/vibecode-pro-max-kit1.2KUpdated Jun 21, 2026

Emit and validate the provisional goal block for Autopilot Mode. Owns the 9-field format and resume detection from a pasted goal block.

The English summary is being prepared. Showing the original description.

withkynam/vibecode-pro-max-kit1.2KUpdated Jun 21, 2026

See all skills by withkynam

Report a problem with this skill