FreePublished on GitHub

quality-and-verification

5-level verification pyramid: static→unit→Playwright E2E (homepage-first, 6bp)→AI visual→post-deploy. 8-check quality gate. Multi-agent testing (functional/security/a11y/performance). Playwright v1.56+ AI agents (Planner/Generator/Healer, v1.63 current). WCAG 2.2 AA via axe-core v4.13. Percy+Chromatic visual regression. ADA Title II 2027/2028 deadlines.

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

heymegabyte/agent-skills

Works withPlaywright

See how to install

Files included (28)

SKILL.md5.5 KB
accessibility-gate.md5.8 KB
adversarial-testing.md5.5 KB
agentic-security.md3.4 KB
audio-video-sync.md1.7 KB
build-breaking-rules.md17.0 KB
chrome-and-browser-workflows.md5.5 KB
completeness-verification.md5.3 KB
computer-use-automation.md6.0 KB
contract-testing.md4.3 KB
e2e-accumulation.md1.6 KB
eval-driven-development.md6.3 KB
evidence-collection.md3.7 KB
llm-evals.md15.7 KB
performance-optimization.md4.8 KB
picovoice-eagle-biometric.md1.6 KB
security-hardening.md8.7 KB
semgrep-codebase-rules.md4.2 KB
slop-detection.md4.3 KB
spec-driven-development.md5.0 KB
stagehand-ai-fallback.md1.6 KB
stagehand-ai-testing.md7.7 KB
tdd-verification.md6.7 KB
testing-matrices.md5.3 KB
ui-completeness-sweep.md6.3 KB
visual-inspection-loop.md14.0 KB
visual-regression.md7.0 KB
wcag-2-2-2026.md3.2 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

07 — Quality and Verification

Run the 5-level verification pyramid (static→unit→E2E→AI visual→post-deploy) with WCAG 2.2 AA and 8-gate quality enforcement on every change.

5-level pyramid (bottom to top)

Static — TS strict + ESLint + oxlint + Prettier + knip (dead code)
Unit — Vitest 5 (browser mode default, static test discovery, Playwright-trace links)
Playwright E2E — homepage-first, 6 viewports × 3 browsers, hermetic, parallel
AI visual — vision rubric ≥9/10 per route, 6bp screenshots
Post-deploy — wrangler tail clean + console-error-free + axe-clean + Lighthouse green

8-check quality gate (every PR)

npm run typecheck clean (0 errors)
npm run lint clean (0 errors, 0 warnings)
npm test (Vitest) green
npm run e2e:prod green at 6 breakpoints
axe-core 0 violations per _kernel/standards.md#wcag22
Lighthouse Perf ≥90, A11y ≥95, BP ≥95, SEO ≥95 (authoritative: EMDASH_LIGHTHOUSE_MIN_* in ~/.claude env)
AI vision QA ≥9/10 per route (authoritative: EMDASH_AI_VISION_MIN)
Console / CSP / network errors = 0

Any fail = blocker. Fix-forward per rules/verification-loop.md.

Playwright Test Agents (agents since v1.56; v1.63 current)

npx playwright init-agents --loop=claude once per repo
Planner — Markdown plan; Generator — test code; Healer — auto-fix broken selectors (run before manual rewrite)
browser.bind() for MCP interop; page.screencast for video receipts on flaky specs

Hermetic spec contract (per `rules/e2e-testing.md`)

Starts at homepage (/); navigates via clicks/keyboard
Seeds own data via _fixtures/; cleans own data after-each
Does not write to localStorage / IDB / cookies next spec reads
Does not depend on Date.now() / timezone / random
Does not open network to live third-party APIs (MSW / stub)

Violating any = build fail.

Parallel execution

fullyParallel: true
workers: process.env.CI ? '50%' : '75%'
Sharded via --shard=$INDEX/$TOTAL
6 viewports per _kernel/standards.md#breakpoints; 3 browsers: Chromium, Firefox, WebKit

AI visual QA

Random snapshot sampling 30% per step (seeded hash, reproducible)
New-section AI vision: e2e/__seen-routes__.json gates first render of unknown routes
Rubric: layout sane / contrast WCAG AA / brand / no slop / ≥9/10 (Claude Sonnet 4.6 or GPT Image 2 vision)
Baselines in e2e/__snapshots__/; pixelmatch tolerance 0.1% / 0.5% area
Per rules/e2e-testing.md

Visual regression

Percy AI Visual Review — 3× faster review, 40% OCR-based noise filter, full-page + flows
Chromatic — component-level via Storybook
pixelmatch — local deterministic CI (three-tier: local → PR → deploy)

Multi-agent testing

Spawn parallel in single Agent call:

functional-tester — happy path + edge cases
security-reviewer — OWASP Top 10:2025 per _kernel/standards.md#owasp2025
accessibility-auditor — axe 6bp + WCAG 2.2 manual review
performance-profiler — Lighthouse CI + bundle audit + INP via LoAF
visual-qa — AI vision rubric ≥9/10

Each: 100–300 word brief, ≤200 word summary back. Per rules/agent-selection.md.

INP debugging

PerformanceObserver type long-animation-frame (LoAF, Chrome 123+)
For SPA per-route CWV: web-vitals v4+ with softNavs:true
Target ≤100ms cinematic; ≤200ms = fail per _kernel/standards.md#cwv

Console-error gate

After every deploy: browser console must show 0 CSP violations, 0 JS errors, 0 failed resources. Fixed by rules/verification-loop.md console-error gate.

E2E accumulation

Tests NEVER deleted, only appended
journey.spec.ts serial + stateful — each feature adds steps
100% feature coverage matrix in e2e/FEATURES.md
Removed features: skip + comment, do not delete

Inventory enforcement

e2e/FEATURES.md — row per feature
e2e/COVERAGE.yml — feature→spec map; CI fails on any feature without entry/test
Pre-commit lint: new component without matching e2e/<feature>/ warns

See submodules: ai-vision-qa.md, multi-agent-testing.md, visual-regression.md.

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.

More skills from this repository

app-foundation

Free

Every delivered app — the non-inferable business requirements + exact stack/brand choices every build must satisfy. Loads on every app/site build.

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

heymegabyte/agent-skills24Updated Oct 11, 2026

architecture-and-stack

Free

Cloudflare-first platform selection. Decision trees for Workers, D1, R2, KV, DO, Queues, Vectorize, Containers, Sandboxes, Flagship, Agent Memory, Workflows v2. Default stack, override conditions, auth, data patterns, reliability.

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

heymegabyte/agent-skills24Updated Oct 11, 2026

brand-and-content-system

Free

Extract real brands (Wayback for rebuilds). Copy system, headline/CTA rules, trust surfaces, legal pages, SEO+structured data, anti-AI-slop, microcopy, DESIGN.md, W3C DTCG tokens, pSEO 5 types, GEO/AI search.

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

heymegabyte/agent-skills24Updated Oct 11, 2026

build-and-slice-loop

Free

Implements features in vertical slices, always starting with homepage. Enforces anti-placeholder rules — no lorem ipsum, no TODO stubs, no gray boxes. Real content, real images, real interactions. TypeScript strict mode, Zod validation, and structured file organization.

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

heymegabyte/agent-skills24Updated Oct 11, 2026

cf-integrations-reference

Free

The consolidated, world-class Cloudflare + integrations reference — CF platform/data/AI-edge patterns, media pipeline, observability/growth, payments, and the site-generation pipeline. The non-inferable choices that build the greatest web apps.

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

heymegabyte/agent-skills24Updated Oct 11, 2026

cinematic-website-prime-directive

Free

One-line-prompt → cinematic, gorgeous, functional, well-tested, deployed website. Pre-hydrated SPA + full PWA kit + JSON-LD rich snippets + third-party integrations. React 19+Vite default (Angular optional). 100 concrete improvements grouped into 10 categories that EVERY single-prompt site build must satisfy before being marked done. Trigger whenever the user says 'make a website for X', 'build a site for X', 'rebuild X.com', or any equivalent one-liner.

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

heymegabyte/agent-skills24Updated Oct 11, 2026

See all skills by heymegabyte

Report a problem with this skill

Install

Install with a command

npx skills add https://github.com/heymegabyte/agent-skills --skill quality-and-verification

Paste it into your terminal and run it (requires Node.js). You can choose which agents to install it for, such as Claude Code or Codex.

Ask your agent

Please install the following Agent Skill.
https://github.com/heymegabyte/agent-skills/tree/main/07-quality-and-verification

First review SKILL.md and the bundled files and confirm there is nothing suspicious (such as sending data externally or reading credentials). Then place it in ~/.claude/skills/quality-and-verification/ for Claude Code, or ~/.agents/skills/quality-and-verification/ for Codex.

Send this text to Claude Code or Codex as is. It checks the contents before installing.

View source on GitHub

Repository: heymegabyte/agent-skills
Stars: 24
Forks: 4
Category: Testing & Security
License: Rutgers
Original language: English
Last updated: Oct 11, 2026

A skill is a set of instructions and scripts for an agent. cccskills does not guarantee that skills are safe. Review the contents before you install.

Files included (28)

SKILL.md (original)

07 — Quality and Verification

5-level pyramid (bottom to top)

8-check quality gate (every PR)

Playwright Test Agents (agents since v1.56; v1.63 current)

Hermetic spec contract (per rules/e2e-testing.md)

Parallel execution

AI visual QA

Visual regression

Multi-agent testing

INP debugging

Console-error gate

E2E accumulation

Inventory enforcement

See submodules: ai-vision-qa.md, multi-agent-testing.md, visual-regression.md.

Reviews

Comments

More skills from this repository

app-foundation

architecture-and-stack

brand-and-content-system

build-and-slice-loop

cf-integrations-reference

cinematic-website-prime-directive

Hermetic spec contract (per `rules/e2e-testing.md`)