skills.rest
hadpadrahul
hadpadrahulCOMMUNITY
Explore all skills by this author →
GitHub

gsd-ui-review

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

Updated Apr 22, 2026
Search Tags:#frontend#design-review#ui-audit#visual-quality#gsd-ui-review#pillar-based
One-click install
npx skills add https://github.com/hadpadrahul/school-erp --skill gsd-ui-review-hadpadrahul
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsd-ui-review
Source: https://github.com/hadpadrahul/school-erp/tree/main/.codex/skills/gsd-ui-review
Command: npx skills add https://github.com/hadpadrahul/school-erp --skill gsd-ui-review-hadpadrahul

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This tool enables teams to perform a comprehensive retroactive visual audit of implemented frontend code across six pillars, surfacing design and UI quality gaps after implementation.

Core Features & Use Cases

  • Six-pillar visual audit: Evaluates structure, accessibility, consistency, performance, visuals, and interactions across the UI.
  • Artifact generation: Produces a 1-4 graded UI-REVIEW.md per pillar to guide improvements.
  • Universal applicability: Works on any frontend project by analyzing existing codebases and UI artifacts.

Quick Start

Run the UI-review workflow against your project to generate a 6-pillar UI assessment file.

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

Perform a retroactive UI audit by analyzing existing frontend codebases across six visual pillars, identifying implementation gaps, and generating a UI-REVIEW.md file with 1-4 grades per pillar to guide targeted improvements.

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

A 6-pillar visual quality audit is an assessment of frontend UI that evaluates structure, accessibility, consistency, performance, visuals, and interactions to surface design gaps and produce targeted improvement recommendations.

Can I run a UI review on any frontend project to check accessibility and consistency?▼

Yes, you can run this UI review on any frontend project. It universally applies to existing codebases to assess UI quality, accessibility, consistency, and interactions, regardless of the specific framework used.

How do I get graded recommendations for frontend design gaps after implementation?▼

You get graded recommendations by executing the UI review workflow against your project, which produces a UI-REVIEW.md artifact containing 1-4 grades for each of the six evaluated design and implementation pillars.

Does this frontend UI review require specific dependencies or component libraries?▼

No, this frontend UI review does not require specific dependencies or component libraries. It works universally by analyzing your existing codebase and UI artifacts to identify visual quality gaps.

What is the best way to assess visual quality and interactions in a frontend codebase?▼

The best way to assess visual quality and interactions is a pillar-based visual audit that surfaces design and implementation gaps after development, evaluating UI structure, accessibility, consistency, performance, and interactions.

Related Skills

Explore More Design & Creative Skills→
ketanswebsiteketanswebsite

ui-ux-design-advisor

Analyze project structure and design system to propose UI/UX design options.

Community
Advanced
ev3rlitev3rlit

gsd-ui-review

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

Community
Advanced
jlawsjlaws
2

agent-frontend-engineer

Design accessible, responsive UI components for frontend frameworks like React, Next.js, and Vue.

Community
Advanced
amompigamompig

skill-governance

Audit skills repository structure, frontmatter, and cross-references for compliance.

Community
Intermediate