qsd-ui-review

Audit frontend code with a 6-pillar UI evaluation and generate UI-REVIEW.md.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/thecomputer07/qsd --skill qsd-ui-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: qsd-ui-review
Source: https://github.com/thecomputer07/qsd/tree/main/skills/qsd-ui-review
Command: npx skills add https://github.com/thecomputer07/qsd --skill qsd-ui-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Conduct a retroactive, multi-pillar UI audit on frontend codebases to produce a standardized UI-REVIEW.md that yields objective, grade-based assessments per pillar.

Core Features & Use Cases

  • Produces a UI-REVIEW.md with pillar scores (1-4) per pillar and an overall assessment.
  • Integrates with existing qsd workflows to preserve gates and reference brand guidelines.
  • Applicable to any frontend project to verify design consistency, accessibility, performance, and code quality.

Quick Start

Run the UI review workflow against your project to generate UI-REVIEW.md.

Frequently Asked Questions about qsd-ui-review

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

FAQPage Schema
How do I perform a frontend UI audit on existing code?

A frontend UI audit evaluates existing codebases across six pillars, scoring accessibility, consistency, performance, design alignment, and code quality to produce a standardized UI-REVIEW.md document.

What is a 6-pillar UI evaluation for frontend projects?

A 6-pillar UI evaluation objectively grades frontend code from 1 to 4 across accessibility, consistency, performance, design alignment, code quality, and visual standards to yield a comprehensive assessment report.

Can I use a UI review workflow on any frontend project?

Yes, the UI review workflow applies to any frontend project to verify design consistency, accessibility, performance, and code quality by performing a retroactive evaluation against brand guidelines.

How do I generate a UI-REVIEW.md document for my web application?

To generate a UI-REVIEW.md document, run an end-to-end UI review workflow against your frontend codebase, which assesses six design pillars and preserves workflow gates to output the final report.

Does a visual design audit reference existing brand guidelines?

Yes, the visual audit enforces end-to-end workflow execution with preserved gates and direct references to UI-brand guidelines to ensure design alignment and generate the final report.