本文へ移動
cccskills
無料GitHub で公開

web-frontend-tester

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

インストール方法を見る

含まれるファイル(4)

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

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

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

日本語の概要は準備中です。原文の説明を表示しています。

0x-Professor/Agent-Skills-Hub112026年2月27日 更新

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

日本語の概要は準備中です。原文の説明を表示しています。

0x-Professor/Agent-Skills-Hub112026年2月27日 更新

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

日本語の概要は準備中です。原文の説明を表示しています。

0x-Professor/Agent-Skills-Hub112026年2月27日 更新

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

日本語の概要は準備中です。原文の説明を表示しています。

0x-Professor/Agent-Skills-Hub112026年2月27日 更新

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

日本語の概要は準備中です。原文の説明を表示しています。

0x-Professor/Agent-Skills-Hub112026年2月27日 更新

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

日本語の概要は準備中です。原文の説明を表示しています。

0x-Professor/Agent-Skills-Hub112026年2月27日 更新

0x-Professor のスキルをすべて見る

このスキルの問題を報告する