gsd-ui-review

Audit frontend code across six pillars and generate a Phase-UI-REVIEW.md with 1-4 scores.

Updated Mar 27, 2026
One-click install
npx skills add https://github.com/onelee85/my-skills --skill gsd-ui-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gsd-ui-review
Source: https://github.com/onelee85/my-skills/tree/main/gsd-ui-review
Command: npx skills add https://github.com/onelee85/my-skills --skill gsd-ui-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Retroactive 6-pillar visual audit of frontend code to surface quality gaps and improvement opportunities across projects.

Core Features & Use Cases

  • Six-pillar evaluation across performance, accessibility, maintainability, consistency, usability, and security.
  • Generates a Phase-UI-REVIEW.md with a pillar-by-pillar 1-4 score and actionable recommendations.
  • Works on any frontend project to standardize quality audits and track improvements over time.

Quick Start

Run the ui-review workflow end-to-end on your project to produce Phase-UI-REVIEW.md with pillar scores.

Frequently Asked Questions about gsd-ui-review

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

FAQPage Schema
How do I conduct a structured frontend UI visual audit for my project?

A frontend UI visual audit systematically evaluates implemented code across six pillars: performance, accessibility, maintainability, consistency, usability, and security. It generates a Phase-UI-REVIEW.md file with a 1-4 graded score per pillar and actionable recommendations to surface quality gaps.

What is included in a 6-pillar frontend quality evaluation?

A 6-pillar frontend quality evaluation assesses performance, accessibility, maintainability, consistency, usability, and security. It produces a pillar-by-pillar score from 1 to 4, standardizing quality audits and tracking improvement opportunities over time across any frontend project.

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

Yes, the UI review workflow works on any frontend project requiring a structured quality evaluation. It requires a defined workflow file and access to project UI artifacts to evaluate the implemented frontend code and output the review results.

How do I generate a Phase-UI-REVIEW.md file with pillar scores?

To generate a Phase-UI-REVIEW.md file, run the ui-review workflow end-to-end on your project. The process requires access to UI artifacts and a defined workflow file to produce the 1-4 graded assessment per pillar and store the results.

What's the best way to standardize quality audits across multiple frontend projects?

Standardizing quality audits across multiple frontend projects is achieved by applying a retroactive 6-pillar visual audit. This approach consistently evaluates performance, accessibility, maintainability, consistency, usability, and security, outputting a Phase-UI-REVIEW.md to track improvements uniformly.

Do I need a specific workflow file to perform a retroactive visual audit?

Yes, performing a retroactive visual audit requires a defined workflow file and access to project UI artifacts. These prerequisites enable the structured evaluation across the six quality pillars to generate the graded assessment and store the results as UI-REVIEW.md.