skills.rest
GenproMM
GenproMMOFFICIAL
Explore all skills by this author →
GitHub

gsd-ui-review

Audit frontend code with a 6-pillar visual review and graded assessment.

Updated Apr 3, 2026
Search Tags:#quality assurance#code review#frontend#UI audit#visual assessment
One-click install
npx skills add https://github.com/GenproMM/MMLab_TOOLS --skill gsd-ui-review-genpromm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsd-ui-review
Source: https://github.com/GenproMM/MMLab_TOOLS/tree/main/.claude/skills/gsd-ui-review
Command: npx skills add https://github.com/GenproMM/MMLab_TOOLS --skill gsd-ui-review-genpromm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the need for a comprehensive visual audit of frontend code post-implementation, ensuring quality and functionality are met.

Core Features & Use Cases

  • Visual Audit: Conducts a retroactive 6-pillar visual audit of implemented frontend code.
  • Graded Assessment: Provides a graded assessment (1-4 per pillar) in a UI-REVIEW.md document.
  • Project Compatibility: Works on any project, offering a flexible solution for UI code review.
  • Output: Generates a UI-REVIEW.md document with the audit results.

Quick Start

Run the gsd-ui-review skill for the phase you wish to review, for example: 'run gsd-ui-review phase=3'.

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 retroactive UI audit on existing frontend code?▼

You can execute a visual audit by running the skill against a specific development phase, for example by using the command 'run gsd-ui-review phase=3', which analyzes the frontend code and outputs a graded UI-REVIEW.md document.

What is a 6-pillar visual assessment for frontend code review?▼

This visual assessment mechanism works by retroactively analyzing frontend code after implementation, checking it against project workflows and branding references to ensure UI quality assurance standards are met.

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

However, you must ensure the skill has access to your project workflows and branding references to accurately conduct the visual assessment and generate the graded output.

What do I need to run a post-implementation visual assessment?▼

The skill then uses these inputs to perform the 6-pillar audit and generate a UI-REVIEW.md document containing the graded assessment results for your frontend implementation.

What output format does the frontend UI code review generate?▼

This markdown document provides a structured overview of the visual audit, allowing you to quickly identify areas of the frontend code that require quality assurance improvements.

When should I perform a retroactive visual audit on frontend code?▼

Running the audit at this stage allows you to catch visual discrepancies and code quality issues before final project delivery, using the generated UI-REVIEW.md to guide fixes.

Related Skills

Explore More Software Engineering Skills→
ThiagoVitaleThiagoVitale

gsd-ui-review

Automate visual audits of frontend code using a 6-pillar framework.

Community
Intermediate
Pear-CommercePear-Commerce

gsd-ui-review

Evaluate implemented frontend code against six visual quality pillars.

Official
Intermediate
barrydobsonbarrydobson

github-actions

Automate secure CI/CD pipelines with GitHub Actions workflows.

Community
Intermediate
onelee85onelee85

gsd-ui-review

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

Community
Advanced