skills.rest
zerAda
zerAdaCOMMUNITY
Explore all skills by this author →
GitHub

gsd-ui-review

Conduct a 6-pillar visual audit of frontend code and generate a Markdown assessment report.

Updated Jan 21, 2026
Search Tags:#quality assurance#code audit#visual inspection#Markdown report#frontend assessment
One-click install
npx skills add https://github.com/zerAda/RestaurantAgentAutomation --skill gsd-ui-review-zerada
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsd-ui-review
Source: https://github.com/zerAda/RestaurantAgentAutomation/tree/main/.agent/skills/gsd-ui-review
Command: npx skills add https://github.com/zerAda/RestaurantAgentAutomation --skill gsd-ui-review-zerada

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires ui-review.md, ui-brand.md, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Streamlines the process of conducting a thorough visual audit of frontend code, providing a structured assessment to identify areas for improvement.

Core Features & Use Cases

  • Retroactive Audit: Conduct a 6-pillar visual audit of implemented frontend code.
  • Graded Assessment: Produces a UI-REVIEW.md file with a graded assessment (1-4 per pillar).
  • Project Flexibility: Works with any project, offering adaptability to various codebases.
  • Output Format: Delivers an assessment report in the form of a Markdown document.

Quick Start

Run the gsd-ui-review skill on your project's frontend code to generate a UI-REVIEW.md assessment report.

Frequently Asked Questions about gsd-ui-review

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

FAQPage Schema
What is a retroactive visual audit for frontend code?▼

A retroactive visual audit evaluates implemented frontend code across multiple quality pillars, producing a structured Markdown assessment report to identify visual and structural issues. It helps pinpoint areas for improvement in existing projects.

How do I generate a UI assessment report for my existing frontend codebase?▼

To generate a UI assessment report, run the visual audit skill on your project's frontend code. It evaluates the codebase and outputs a UI-REVIEW.md file containing a graded assessment from 1 to 4 per pillar.

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

Yes, the visual audit works with any project's frontend codebase. It offers adaptability to various codebases, requiring only access to the specified workflow and reference files to conduct the assessment.

What evaluation criteria are used in a frontend visual inspection?▼

The visual inspection uses a 6-pillar evaluation framework to assess frontend code quality. Each pillar receives a graded assessment from 1 to 4, with the complete results compiled into a detailed Markdown report.

Do I need specific reference files to conduct a code audit?▼

Yes, conducting this code audit requires access to specific workflow and reference files, including ui-review.md and ui-brand.md. These files provide the structured criteria needed to perform the 6-pillar visual assessment.

Related Skills

Explore More Software Engineering Skills→
DuySeuDuySeu
1

gsd-ui-review

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

Community
Advanced
Pear-CommercePear-Commerce

gsd-ui-review

Evaluate implemented frontend code against six visual quality pillars.

Official
Intermediate
gustavop-devgustavop-dev

frontend-unit-test-coverage

Analyze Jest/Vitest coverage reports and generate missing frontend tests.

Community
Intermediate
GenproMMGenproMM

gsd-ui-review

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

Official
Intermediate