gsd-ui-review

Audit frontend UI quality across six pillars and generate a graded UI-REVIEW.md.

Updated Apr 2, 2026
One-click install
npx skills add https://github.com/ev3rlit/magam-canonical-archive --skill gsd-ui-review-ev3rlit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gsd-ui-review
Source: https://github.com/ev3rlit/magam-canonical-archive/tree/main/.codex/skills/gsd-ui-review
Command: npx skills add https://github.com/ev3rlit/magam-canonical-archive --skill gsd-ui-review-ev3rlit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend projects often lack a structured, cross-pillar evaluation of UI quality after development, making it difficult to quantify consistency, accessibility, and maintainability across the codebase.

Core Features & Use Cases

  • Structured 6-pillar visual audit of implemented frontend code to surface consistency, accessibility, performance, theming, navigation, and responsiveness.
  • Generates a UI-REVIEW.md with a graded assessment (1-4 per pillar) to guide remediation and improvement.
  • Works on any frontend project and integrates with existing design systems and coding standards to inform design-language and engineering decisions.

Quick Start

Provide a project context and scope and the skill will generate a 6-pillar UI-REVIEW.md with a 1–4 grade for each pillar.

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

You can perform a retroactive UI audit by applying this assessment to any frontend project context. It evaluates the codebase across six visual pillars and outputs a UI-REVIEW.md with a 1 to 4 grade for each category to guide remediation.

What is a 6-pillar visual review for web applications?

A 6-pillar visual review is a structured assessment technique for frontend code that evaluates consistency, accessibility, performance, theming, navigation, and responsiveness. It quantifies cross-pillar UI quality to surface maintainability issues and guide improvements.

Can I use this UI audit on any frontend project?

Yes, you can use this UI audit on any frontend project. It integrates with existing design systems and coding standards to inform engineering decisions without requiring specific dependencies or component configurations.

How do I generate a UI-REVIEW.md document for my codebase?

To generate a UI-REVIEW.md document, provide your project context and scope to the skill. It will process the frontend code and output a single, well-structured markdown file with graded assessments for each visual pillar.

What does the 1 to 4 grading scale mean in a UI audit?

The 1 to 4 grading scale in a UI audit quantifies the quality of each of the six visual pillars. It provides a clear metric to measure cross-pillar consistency and identify specific frontend areas requiring remediation.