Skip to content
cccskills
FreePublished on GitHub

ck: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.2 KB
  • references/accessibility-testing.md1.9 KB
  • references/api-testing.md1.8 KB
  • references/ci-cd-testing-workflows.md2.5 KB
  • references/component-testing.md2.4 KB
  • references/contract-testing.md3.3 KB
  • references/cross-browser-checklist.md1.7 KB
  • references/database-testing.md3.3 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

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: 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

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.

manhvann/codexkit89Updated Aug 29, 2026

Generate images via Nano Banana with 129 curated prompts. Mandatory validation interview refines style/mood/colors (use --skip to bypass). 3 modes: search, creative, wild. Styles: Ukiyo-e, Bento grid, cyberpunk, cinematic, vintage patent.

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

manhvann/codexkit89Updated Aug 29, 2026

Analyze images/audio/video with Gemini API (better vision than Codex). Generate images (Imagen 4), videos (Veo 3). Use for vision analysis, transcription, OCR, design extraction, multimodal AI.

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

manhvann/codexkit89Updated Aug 29, 2026

ck:ask

Free

Answer technical and architectural questions with expert consultation.

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

manhvann/codexkit89Updated Aug 29, 2026

Build backends with Node.js, Python, Go (NestJS, FastAPI, Django). Use for REST/GraphQL/gRPC APIs, auth (OAuth, JWT), databases, microservices, security (OWASP), Docker/K8s.

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

manhvann/codexkit89Updated Aug 29, 2026

Add authentication with Better Auth (TypeScript). Use for email/password, OAuth providers (Google, GitHub), 2FA/MFA, passkeys/WebAuthn, sessions, RBAC, rate limiting.

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

manhvann/codexkit89Updated Aug 29, 2026

See all skills by manhvann

Report a problem with this skill