skills.rest
aslaii
aslaiiCOMMUNITY
Explore all skills by this author →
GitHub

gsd-ui-review

Audit frontend projects and generate UI-REVIEW.md with phase-based pillar scoring.

Updated Jan 28, 2025
Search Tags:#frontend#code-review#visual-review#ui-audit#pillar-based
One-click install
npx skills add https://github.com/aslaii/dotfiles --skill gsd-ui-review-aslaii
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsd-ui-review
Source: https://github.com/aslaii/dotfiles/tree/main/claude/skills/gsd-ui-review
Command: npx skills add https://github.com/aslaii/dotfiles --skill gsd-ui-review-aslaii

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Visual UI quality inconsistencies across frontend projects are identified and scored, enabling teams to address gaps efficiently.

Core Features & Use Cases

  • Phase-based, pillar-driven UI audit that outputs clear remediation guidance.
  • Generates a UI-REVIEW.md with a per-pillar grade and actionable insights.
  • Works on any frontend codebase to improve UI consistency and adherence to design standards.

Quick Start

Run the retroactive 6-pillar UI review workflow on your frontend project to produce a structured UI-REVIEW.md.

Frequently Asked Questions about gsd-ui-review

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

FAQPage Schema
How do I run a visual UI audit on a frontend codebase?▼

A retro UI audit evaluates frontend projects for visual quality and consistency using a pillar-based approach. It scores UI implementation across defined pillars and generates a UI-REVIEW.md with phase-based scoring and pass/fail grades per pillar to identify inconsistencies.

How do I generate a UI-REVIEW.md with pass/fail grades for my frontend project?▼

You can generate a UI-REVIEW.md by running the retroactive 6-pillar UI review workflow on your frontend project. This produces a structured report containing phase-based pillar scoring, actionable insights, and a pass/fail grade for each evaluated pillar.

Can I use this pillar-based UI audit on any frontend framework?▼

Yes, this retro UI audit works on any frontend codebase requiring a visual quality assessment. It does not list specific framework dependencies, allowing you to apply the pillar-driven evaluation to diverse frontend projects to check adherence to design standards.

What is the best way to identify visual quality inconsistencies in frontend code?▼

The best way to identify visual quality inconsistencies is a phase-based, pillar-driven UI audit. This approach grades frontend implementation across multiple pillars, outputting clear remediation guidance and a structured UI-REVIEW.md to help teams address gaps efficiently.

What does a pillar-based visual review evaluate in a frontend project?▼

A pillar-based visual review evaluates frontend projects for visual quality and consistency across defined pillars. It applies a retroactive audit to grade UI implementation, generating a UI-REVIEW.md with phase-based pillar scoring and a pass/fail result for each specific pillar.

Related Skills

Explore More Software Engineering Skills→
Poom5741Poom5741

gsd-ui-review

Audit frontend code across six pillars and generate a phase-specific UI-REVIEW.md.

Community
Intermediate
DuySeuDuySeu
1

gsd-ui-review

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

Community
Advanced
MINT-IAMINT-IA

gsd-ui-review

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

Official
Intermediate
nazrulsoftwaredevnazrulsoftwaredev

ai-regression-testing

Automates AI-assisted regression testing for API routes and sandbox/production parity using Vitest and mock-based architecture.

Community
Advanced