What is vc-web-testing?

A web-testing guide and collection of commands for checking applications with Playwright, Vitest, k6, axe, and Lighthouse. It covers tests for individual code units, connected parts, full browser journeys, speed under load, security, visual changes, accessibility, and mobile or cross-browser behavior.

Use it to create or run unit, integration, end-to-end, load, security, visual-regression, accessibility, and performance tests for web applications.

It gives developers a way to find broken behavior, slow pages, accessibility problems, and browser-specific bugs before users do. It also describes different ways to divide tests across a project.

vc-web-testing — Skill for Claude Code and Codex by withkynam: A web-testing guide and collection of commands for checking…

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods

npx agentmods add skills/withkynam/vibecode-pro-max-kit/vc-web-testing

Any agent

npx skills add withkynam/vibecode-pro-max-kit --skill vc-web-testing

Clone the repo

git clone --depth 1 https://github.com/withkynam/vibecode-pro-max-kit

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/skills/withkynam/vibecode-pro-max-kit/vc-web-testing.svg)](https://agentmods.dev/skills/withkynam/vibecode-pro-max-kit/vc-web-testing)

Your own site

<a href="https://agentmods.dev/skills/withkynam/vibecode-pro-max-kit/vc-web-testing"><img src="https://agentmods.dev/badge/skills/withkynam/vibecode-pro-max-kit/vc-web-testing.svg" alt="Measured on agentmods" height="20"></a>

Per session 51 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 905 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 0 findings. Scan, not verified.

Origin original No closer match found in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5	$0.00051	$0.00905
Opus 5	$0.00026	$0.00452
Sonnet 5	$0.00010	$0.00181
Haiku 4.5	$0.00005	$0.00090

Measured 3d ago against content hash 9b838db63a9e, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

vc-web-testing scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 3d ago.

The scan reads SKILL.md. This mod also ships 2 executable files (scripts/analyze-test-results.js, scripts/init-playwright.js), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.claude/skills/vc-web-testing/SKILL.md · 104 lines

How it starts

The opening of the file, as written. The whole thing — 104 lines — stays where its author put it; the contents beside it link to each section on GitHub.

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)

Model	Structure	Best For
Pyramid	Unit 70% > Integration 20% > E2E 10%	Monoliths
Trophy	Integration-heavy	Modern SPAs
Honeycomb	Contract-centric	Microservices

→ ./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

Read the full file on GitHub · 104 lines

Files

What ships with it

26 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

3d ago First seen · 104 lines · 51 tokens per session scan A 9b838db63a9e

Subscribe to this mod's changes

vc-web-testing is a skill published in the GitHub repository withkynam/vibecode-pro-max-kit (1,112 stars, last pushed 2mo ago), licensed MIT. It adds 51 tokens to every session and 905 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Browser automation E2E testing Testing Unit testing agentic ai-agents ai-coding-assistant ai-development ai-workflow anthropic

js-in-html-testing

Test JS logic embedded in HTML using two-layer strategy - Python unit tests + Playwright browser integration tests.

liaohch3/claude-tap · 25 tokens

comprehensive-testing

Complete testing strategy covering TDD workflow, test pyramid, unit/integration/E2E/property testing, framework best practices (Jest, Vitest, pytest), mock strategies, and CI integration. Use when writing tests, reviewing test quality, or establishing testing standards.

majiayu000/spellbook · 57 tokens

common-tasks

Copy-paste AI prompt templates for common Playwright scaffold development tasks — adding page objects, functional/E2E/API tests, Zod schemas, factories, fixtures, and components. Use when the user asks "how do I add a ...", "give me a prompt for ...", "create a new [page object | test | schema | factory | fixture |…

idavidov13/agentic-playwright · 177 tokens

selectors

Selector strategy, exploration-first workflow, locator priority order (getByRole then getByLabel then getByPlaceholder then getByText then getByTestId), and feedback/validation-message selector rules for Playwright page objects. Use when creating page objects, writing or updating locators, generating UI tests, or…

idavidov13/agentic-playwright · 136 tokens

cypress-demo

Create a Cypress-based video demo for a feature branch with cursor, click effects, and captions. Use when recording feature demos, creating PR videos, showcasing UI changes, or generating visual walkthroughs. Triggers on: "demo", "record demo", "create demo video", "cypress demo", "feature walkthrough", "PR video"…

ambient-code/platform · 76 tokens

test-engineer

Automated E2E testing with Playwright including the auto-fix loop — generate test cases from the UI, run them, fix failures and re-run until passing, then produce a human-readable report. Test until it passes, not just test and report. Drives /toh-test; use whenever tests must be written, run, or made green.

wasintoh/toh-framework · 75 tokens