본문으로 건너뛰기
cccskills
무료GitHub에 공개

web-frontend-tester

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

연동 도구Playwright
설치 방법 보기

포함된 파일(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

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

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의 스킬 모두 보기

이 스킬의 문제 신고