Skip to content
cccskills
FreePublished on GitHub

web-frontend-tester

Run frontend functional, accessibility, visual, and performance test planning with structured reports.

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

Works withPlaywright

Run score Not tested

See how to install

Files included (4)

  • SKILL.md1.3 KB
  • agents/openai.yaml348 B
  • references/tools.md710 B
  • scripts/frontend_tester.py5.8 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Web Frontend Tester

Objective

Validate frontend quality across user journeys, a11y, visual regressions, and performance targets.

Required Workflow

  1. Set up Playwright for E2E critical journeys (login, checkout, form submit, navigation).
  2. Configure unit/component tests with Vitest + Testing Library (or Jest + Testing Library).
  3. Run accessibility audits:
    • axe-core via @axe-core/playwright
    • Lighthouse CI for performance, SEO, accessibility
  4. Run visual regression tests with Percy or Chromatic.
  5. Verify page load under 3 seconds on 4G, Lighthouse performance score >= 80, and no console errors.
  6. Check missing alt tags, color contrast, and keyboard navigation.
  7. Output frontend-test-report.json with Lighthouse scores and pass/fail counts.

Execution

python skills/web-frontend-tester/scripts/frontend_tester.py --input <workspace> --output <out.json> --format json

References

  • references/tools.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.

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

Scaffold MCP server projects and baseline tool contract checks. Use for defining tool schemas, generating starter server layouts, and validating MCP-ready structure.

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

0x-Professor/Agent-Skills-Hub11Updated Feb 27, 2026

Generate reusable multi-step agent workflow blueprints. Use for trigger/action orchestration, deterministic workflow definitions, and automation handoff artifacts.

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

0x-Professor/Agent-Skills-Hub11Updated Feb 27, 2026

Build incident response timelines and report packs from event logs. Use for detection-to-recovery reporting, phase tracking, and stakeholder-ready incident summaries.

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

0x-Professor/Agent-Skills-Hub11Updated Feb 27, 2026

Prioritize vulnerability remediation using KEV-style exploitation context plus asset criticality. Use for CVE triage, patch order decisions, and remediation reporting.

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

0x-Professor/Agent-Skills-Hub11Updated Feb 27, 2026

Map application security findings to OWASP Top 10 categories and generate remediation checklists. Use for normalized AppSec review outputs and category-level prioritization.

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

0x-Professor/Agent-Skills-Hub11Updated Feb 27, 2026

Build transformer fine-tuning run plans with task settings, hyperparameters, and model-card outputs. Use for repeatable Hugging Face or PyTorch finetuning workflows.

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

0x-Professor/Agent-Skills-Hub11Updated Feb 27, 2026

See all skills by 0x-Professor

Report a problem with this skill