ui-qa

Review UI Foundation, UI Generation, and frontend code for defects and risks.

Updated Feb 13, 2026
One-click install
npx skills add https://github.com/guillermobustamante/BOMComparevX --skill ui-qa-guillermobustamante
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-qa
Source: https://github.com/guillermobustamante/BOMComparevX/tree/main/.codex/skills/ui-qa
Command: npx skills add https://github.com/guillermobustamante/BOMComparevX --skill ui-qa-guillermobustamante

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the critical need for rigorous quality assurance in the UI development lifecycle, ensuring consistency, usability, accessibility, and alignment across different stages of UI creation.

Core Features & Use Cases

  • Comprehensive UI Review: Evaluates UI Foundation, UI Generation, and Frontend Implementation outputs, as well as actual frontend code.
  • Defect Identification: Pinpoints defects, omissions, inconsistencies, and risks related to usability, accessibility, responsiveness, state coverage, and implementation quality.
  • Use Case: Before releasing a new feature, use this Skill to perform a thorough QA review of the implemented UI components, ensuring they meet accessibility standards, function correctly across devices, and align with the approved design specifications.

Quick Start

Use the ui-qa skill to review the frontend code for the user profile screen, checking for alignment with the approved UI generation artifacts.

Frequently Asked Questions about ui-qa

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

FAQPage Schema
How do I review frontend code for accessibility and responsiveness defects?

To review frontend code for accessibility and responsiveness defects, you can evaluate the UI implementation to pinpoint omissions, inconsistencies, and risks across usability, state coverage, and alignment. This produces a structured QA verdict with required revisions and a pass or fail decision.

What is the best way to check if my UI components meet design specifications before release?

Checking if UI components meet design specifications before release involves comparing the frontend implementation against UI generation artifacts to detect alignment inconsistencies and implementation risks. The process yields a structured pass or fail QA verdict detailing any required revisions.

Can I perform a UI review across multiple stages like UI Foundation and Frontend Implementation?

Yes, you can perform a UI review across multiple stages including UI Foundation, UI Generation, and Frontend Implementation. The review evaluates actual frontend code alongside these outputs to identify defects in usability, accessibility, and implementation quality.

Does UI QA cover state coverage and responsiveness issues in frontend code?

Yes, UI QA covers state coverage and responsiveness issues by reviewing actual frontend code to identify defects, omissions, and risks. It evaluates how well the implementation handles various states and responsive behaviors to ensure overall UI consistency.

When do I need a structured QA verdict for my UI development lifecycle?

You need a structured QA verdict for your UI development lifecycle when you must ensure consistency, usability, and accessibility before releasing a feature. It provides a formal pass or fail decision based on identified defects and required revisions across UI creation stages.