skills.rest
zazzcode
zazzcodeCOMMUNITY
Explore all skills by this author →
GitHub

qa-frontend

Validate UI flows, accessibility, and client-side state across viewports.

3|1|Updated Feb 19, 2026
Search Tags:#accessibility#frontend#validation#qa#state-management#ui-testing#browser
One-click install
npx skills add https://github.com/zazzcode/zazz-skills --skill qa-frontend
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: qa-frontend
Source: https://github.com/zazzcode/zazz-skills/tree/main/.agents/skills/qa-frontend
Command: npx skills add https://github.com/zazzcode/zazz-skills --skill qa-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Coordinated frontend QA validation for UI flows and browser behavior, enhancing the base QA with frontend-specific checks to catch UI gaps, accessibility issues, and client-side state problems.

Core Features & Use Cases

  • Frontend-focused validation of user journeys, UI interactions, and visual behavior across viewports.
  • Accessibility baseline checks including keyboard navigation, focus visibility, and semantic labeling.
  • Verification of frontend data/state integrity, client-side caching, and error handling in the UI.
  • Cross-browser/viewport notes and conformance with project frontend standards.

Quick Start

Run the frontend QA pass in tandem with the base qa workflow to validate UI flows and browser behavior.

Frequently Asked Questions about qa-frontend

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

FAQPage Schema
How do I validate UI journeys and frontend state transitions during development?▼

Validate UI journeys and frontend state transitions by running a coordinated frontend QA pass that checks user flows, client-side caching, and error handling. This approach catches UI gaps and state integrity problems early in the delivery cycle.

What is the best way to check accessibility compliance for frontend deliverables?▼

Checking accessibility compliance involves validating keyboard navigation, focus visibility, and semantic labeling across UI components. Baseline accessibility checks ensure frontend deliverables conform to required project standards and reachability guidelines.

How do you test browser behavior and cross-viewport UI interactions?▼

Testing browser behavior requires validating visual behavior and UI interactions across different viewports. Cross-browser conformance notes and frontend standards verification help identify rendering inconsistencies and UI defects early.

Can I run frontend QA validation alongside a base QA workflow?▼

You can run frontend QA validation in tandem with your base QA workflow to validate UI flows and browser behavior. This coordinates frontend-specific checks for accessibility and state management without replacing the base contract.

When do I need frontend-specific QA validation instead of general testing?▼

Frontend-specific QA validation is needed when verifying UI/UX requirements, accessibility baselines, and client-side state transitions. It targets user journey gaps and visual defects that general backend or functional testing does not cover.

Why does client-side state management break during UI interactions?▼

Client-side state management breaks during UI interactions due to unhandled data integrity issues, caching errors, or invalid state transitions. Verifying frontend data integrity and error handling in the UI catches these state problems early.

Related Skills

Explore More Software Engineering Skills→
ralphjohn29ralphjohn29
1

frontend-ux-qa-pro

Audit frontend UI/UX quality with Playwright MCP and generate markdown reports.

Community
Advanced
OriginHubAIOriginHubAI
1

check-frontend

Automate frontend guideline conformance checks on Vue code changes.

Official
Intermediate
fabio-barbozafabio-barboza
28

do-execute-qa

Execute end-to-end QA validation against PRD, Tech Spec, and Tasks using MCP tools.

Community
Advanced
MaxKlat29MaxKlat29

webapp-testing

Automate web application testing with Playwright scripts and server coordination.

Community
Intermediate