skills.rest
lgwanai
lgwanaiCOMMUNITY
Explore all skills by this author →
GitHub

gsd-ui-review

Audit implemented frontend UI across six pillars and generate a phase-scoped UI-REVIEW.md.

4|1|Updated Mar 22, 2026
Search Tags:#design systems#ui review#visual audit#frontend code#quality grading#retroactive analysis
One-click install
npx skills add https://github.com/lgwanai/openforce --skill gsd-ui-review-lgwanai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsd-ui-review
Source: https://github.com/lgwanai/openforce/tree/main/skills/gsd-ui-review
Command: npx skills add https://github.com/lgwanai/openforce --skill gsd-ui-review-lgwanai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It helps you find UI quality issues in already-implemented frontend code by running a structured visual audit and producing a clear, graded review document.

Core Features & Use Cases

  • Retroactive 6-pillar visual audit: Assesses implemented UI visually across six pillars and assigns consistent grades (1-4) per pillar.
  • Project-agnostic workflow: Works across any frontend project by inspecting the codebase as-is.
  • Actionable output artifacts: Generates a dedicated UI-REVIEW report named for the selected phase.

Quick Start

Run the gsd-ui-review skill to generate a retroactive UI audit report for your most recent completed phase.

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 audit on implemented frontend code?▼

A visual audit of frontend code performs a 6-pillar assessment to assign graded scores and output a UI-REVIEW.md report. It inspects the project codebase as-is to identify post-implementation UI quality issues.

What is a 6-pillar visual audit for frontend UI?▼

A 6-pillar visual audit is a structured evaluation method for implemented frontend UI. It assesses visual quality across six distinct categories and assigns consistent grades from 1 to 4 for each pillar.

Can I use this UI review process on any frontend project?▼

Yes, you can use this UI review process on any frontend project. The project-agnostic workflow inspects the codebase as-is, making it applicable for ongoing product development across different frameworks.

What output artifacts does a retroactive UI quality grading generate?▼

Retroactive UI quality grading generates a phase-scoped UI-REVIEW.md file. This actionable output artifact documents graded scores for each pillar and preserves the configured workflow gate sequence.

When should I run a retroactive UI audit instead of design-time reviews?▼

You should run a retroactive UI audit when you need post-implementation quality assessment for already-implemented frontend code. It applies to ongoing product development phases where visual issues must be identified after building.

Related Skills

Explore More Design & Creative Skills→
SensLiaoSensLiao

gsd-ui-review

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

Community
Intermediate
tinner-deinnotinner-deinno

gsd-ui-review

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

Community
Intermediate
HellKaiser45HellKaiser45

frontend-design-review

Analyze UI implementations against design system tokens and accessibility guidelines.

Community
Advanced
roycolumbia-coderoycolumbia-code

gsd-ui-review

Automates retroactive visual audits of frontend UI code using a 6-pillar grading system.

Community
Intermediate