gsd-ui-review

Audit implemented frontend UI across six pillars and generate a graded UI-REVIEW report.

1|Updated May 24, 2026
One-click install
npx skills add https://github.com/tinner-deinno/innova-skills-lib --skill gsd-ui-review-tinner-deinno
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gsd-ui-review
Source: https://github.com/tinner-deinno/innova-skills-lib/tree/main/core/gsd/gsd-ui-review
Command: npx skills add https://github.com/tinner-deinno/innova-skills-lib --skill gsd-ui-review-tinner-deinno

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It helps you identify frontend UI quality issues after implementation by running a structured, visual review across six key pillars.

Core Features & Use Cases

  • Retroactive 6-pillar visual audit: Grades implemented frontend UI across six pillars on a consistent 1–4 scale.
  • Actionable output artifact: Produces a dedicated UI-REVIEW report named for the selected phase, making findings easy to track over time.
  • Project-agnostic review: Works on any frontend project by performing an end-to-end audit based on the provided phase/workflow gates.

Example: After a new UI release, review the implemented screens to catch accessibility, usability, visual consistency, and quality regressions before the next iteration.

Quick Start

Run the gsd-ui-review skill with the phase argument you want to audit to generate the corresponding UI-REVIEW report.

Frequently Asked Questions about gsd-ui-review

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

FAQPage Schema
How do I perform a visual UI audit to catch frontend regressions after a release?

A visual UI audit evaluates implemented frontend screens to catch regressions by grading quality across six distinct pillars. It generates a dedicated review report with per-pillar scores to track post-release quality issues before the next iteration.

What is a six-pillar visual audit for frontend projects?

A six-pillar visual audit is a structured review process that grades implemented UI across six key areas on a consistent 1–4 scale. It covers accessibility, usability, visual consistency, and quality to identify post-implementation issues.

How do I generate a UI review report for a specific development phase?

Generate a UI review report by running the audit with a selected phase argument, which produces a named markdown file containing graded scores. This artifact makes findings easy to track over time across phase-based review cycles.

Can I use this UI audit on any frontend project framework?

Yes, this project-agnostic audit works on any frontend project by performing an end-to-end review based on provided workflow gates. It requires no specific framework dependencies to evaluate visual consistency and accessibility.

What's the best way to track UI quality regressions across multiple release cycles?

Track UI quality regressions across cycles by generating phase-specific UI review reports with consistent per-pillar scoring. This retroactive audit provides a graded artifact for each phase, making longitudinal quality tracking reliable.

What limitations exist when grading accessibility and visual consistency in a UI review?

Limitations include relying on a retroactive visual audit rather than continuous runtime testing, meaning it catches post-implementation issues but does not prevent them during active development. It requires preserving workflow gates to function correctly.