skills.rest
arlenagreer
arlenagreerCOMMUNITY
Explore all skills by this author →
GitHub

frontend-qc

Automate frontend QA testing and report UI bugs to GitHub Issues.

Updated Aug 23, 2026
Search Tags:#automation#testing#frontend#qa#bug reporting#ui validation
One-click install
npx skills add https://github.com/arlenagreer/claude_configuration_docs --skill frontend-qc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-qc
Source: https://github.com/arlenagreer/claude_configuration_docs/tree/main/skills/frontend-qc
Command: npx skills add https://github.com/arlenagreer/claude_configuration_docs --skill frontend-qc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the time-consuming manual process of frontend quality assurance by systematically testing UI components, identifying issues, and automatically reporting them to GitHub Issues with detailed evidence and recommendations.

Core Features & Use Cases

  • Systematic QA Testing: Executes six-phase testing workflow covering validation, authentication, systematic testing, bug reporting, and summary generation.

Core Features & Use Cases

  • Comprehensive UI Validation: Tests forms, tables, modals, navigation, and accessibility across multiple components.
  • Automated Bug Reporting: Creates detailed GitHub issues with screenshots, console logs, and reproduction steps.
  • Use Case: When you need to test the login, registration, checkout, and profile pages for functionality, validation, and user experience.

Quick Start

Test the login, registration, and profile forms at http://localhost:4000 and report all discovered issues to GitHub.

Quick Start

Use the frontend-qc skill to perform a comprehensive quality assurance review of the user interface components on the application dashboard.

Frequently Asked Questions about frontend-qc

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate frontend UI testing to catch bugs across forms and pages?▼

Frontend QC automates systematic UI testing by executing a six-phase workflow that validates forms, tables, modals, and navigation across components. It identifies functionality bugs, accessibility issues, and usability problems, then automatically reports findings to GitHub Issues with screenshots and reproduction steps.

Can I automatically report UI bugs to GitHub with evidence and recommendations?▼

Yes. Frontend QC creates detailed GitHub issues for each discovered bug, attaching console logs, screenshots, and step-by-step reproduction instructions. It also provides improvement recommendations based on findings, eliminating manual issue creation.

What does a comprehensive frontend QA workflow include?▼

Frontend QC's workflow covers prerequisites validation, requirements gathering, setup and authentication, systematic component testing, evidence collection with screenshots and logs, bug reporting to GitHub, and finalization with summary recommendations for UI improvements.

Can I test login, registration, checkout, and profile pages for validation and functionality?▼

Yes. Frontend QC is designed to test authentication forms, registration flows, checkout processes, and profile pages for functional correctness, input validation, error handling, and user experience across multiple UI components.

Does frontend QC support parallel testing across multiple components?▼

Frontend QC supports optional agent delegation via Task for parallel testing of multiple components simultaneously, enabling faster coverage of larger applications while maintaining detailed bug reporting for each tested area.

What automation tools does frontend QC use to identify UI issues?▼

Frontend QC uses Chrome DevTools automation to systematically test UI components, capture visual evidence, and collect console logs. It integrates with report-bug and email skills to document and distribute findings automatically.

Related Skills

Explore More Software Engineering Skills→
musical-basicsmusical-basics

github-auth

Configure GitHub authentication using personal access tokens, SSH keys, or gh CLI login.

Community
Intermediate
All-Of-The-ThingsAll-Of-The-Things

resend

Send and track transactional emails via the Resend API.

Official
Advanced
yahav123147yahav123147

browser-testing-with-devtools

Capture live Chrome DevTools evidence to diagnose browser runtime issues.

Community
Intermediate
giljaegiljae
1

gstack-qa

Automate web app testing with Puppeteer or Selenium to identify bugs and verify fixes.

Community
Intermediate