gsd-ui-review

Audit frontend codebases across six UI pillars and generate a phase-based UI-REVIEW.md report.

1|Updated Aug 17, 2025
One-click install
npx skills add https://github.com/DuySeu/StockMind --skill gsd-ui-review-duyseu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gsd-ui-review
Source: https://github.com/DuySeu/StockMind/tree/main/.agent/skills/gsd-ui-review
Command: npx skills add https://github.com/DuySeu/StockMind --skill gsd-ui-review-duyseu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Retroactive 6-pillar visual audit of frontend codebases to identify UI quality gaps and inconsistency patterns across implementations, enabling teams to improve design conformity and code quality.

Core Features & Use Cases

  • End-to-end 6-pillar UI audit across frontend codebases.
  • Generates a phase-based UI-REVIEW.md report (e.g., 1-UI-REVIEW.md) with per-pillar scores and actionable findings.
  • Integrates with the referenced workflows and guidance to preserve gates for reproducible reviews.

Quick Start

Run the UI review workflow against your project to generate the phase-based UI-REVIEW.md 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 on an existing frontend codebase?

A 6-pillar UI audit evaluates frontend codebases across six core visual design dimensions to identify quality gaps and inconsistency patterns. It generates a phase-based UI-REVIEW.md report containing per-pillar scores and actionable findings for improving design conformity.

How do I generate a UI review report for my frontend project?

You generate a UI review report by running the designated UI review workflow against your frontend project. The process preserves all workflow gates and outputs a phase-based UI-REVIEW.md file, such as 1-UI-REVIEW.md, stored directly in your project repository.

Can I use this UI review workflow with any frontend framework?

Yes, you can use this UI review workflow with any frontend project. The visual audit is designed to be framework-agnostic, evaluating the resulting codebase implementations to identify visual design gaps and generate a standardized UI-REVIEW.md report.

What is the best way to identify visual design inconsistency patterns in frontend code?

The best way to identify visual design inconsistency patterns is to execute a retroactive 6-pillar visual audit. This process references included guidance to evaluate your frontend codebase, producing per-pillar scores and actionable findings in a UI-REVIEW.md report.

Do I need any external dependencies to run the 6-pillar frontend audit?

No external dependencies are required to run the 6-pillar frontend audit. The workflow operates independently by referencing its included guidance and preserving internal workflow gates to ensure reproducible visual reviews and report generation.

Why does my frontend UI quality review need a standardized markdown report?

A standardized markdown report like UI-REVIEW.md ensures that visual audit results are version-controlled and accessible within your project repository. It provides structured, phase-based documentation of per-pillar scores and actionable findings for team alignment.