skills.rest
gesmith0606
gesmith0606COMMUNITY
Explore all skills by this author →
GitHub

gsd-ui-review

Audit frontend code across six pillars and generate phase-based UI-REVIEW.md files.

Updated Aug 15, 2025
Search Tags:#workflow#branding#ui#accessibility#frontend#design-review#visual-audit
One-click install
npx skills add https://github.com/gesmith0606/nfl_data_engineering --skill gsd-ui-review-gesmith0606
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsd-ui-review
Source: https://github.com/gesmith0606/nfl_data_engineering/tree/main/.claude/skills/gsd-ui-review
Command: npx skills add https://github.com/gesmith0606/nfl_data_engineering --skill gsd-ui-review-gesmith0606

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill performs a retroactive, structured visual audit of implemented frontend code to surface UI inconsistencies, branding drift, accessibility issues, and quality gaps across development phases and deliver a graded assessment for remediation.

Core Features & Use Cases

  • Six-Pillar Audit: Evaluates visual consistency, accessibility, component alignment, responsiveness, state feedback, and brand fidelity with numeric grades per pillar.
  • Phase-Based Output: Produces a phase-scoped UI-REVIEW.md file named with the phase number (e.g., 1-UI-REVIEW.md) summarizing scores, findings, and prioritized recommendations.
  • Workflow Integration: Executes a predefined end-to-end workflow and references brand guidance and audit checklists to preserve workflow gates and reproducibility.
  • Use Case: Run against a completed sprint to generate a retroactive report that helps design and engineering prioritize UI fixes before the next release.

Quick Start

Request a retroactive 6-pillar visual audit for the repository with an optional phase argument to generate the phase-specific UI-REVIEW.md 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 conduct a retroactive UI visual audit on implemented frontend code?▼

To conduct a retroactive UI visual audit, apply a six-pillar evaluation to your repository to grade visual consistency, accessibility, responsiveness, component alignment, and brand fidelity, generating a structured review document.

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

A six-pillar visual audit is a structured assessment that grades frontend code on visual consistency, accessibility, component alignment, responsiveness, state feedback, and brand fidelity to surface UI inconsistencies and branding drift.

Can I generate a phase-specific UI review report for a completed sprint?▼

Yes, you can generate a phase-specific UI review report by running the audit with an optional phase argument, which produces a phase-scoped UI-REVIEW.md file summarizing scores, findings, and remediation recommendations for that sprint.

How does a visual audit identify branding drift and accessibility issues in a repository?▼

A visual audit identifies branding drift and accessibility issues by executing a predefined workflow that references brand guidance and audit checklists, evaluating implemented frontend code against expected standards.

Do I need any specific dependencies or components installed to run a UI design review?▼

No specific dependencies or components are required to run this UI design review, as it operates as a standalone workflow that directly evaluates your frontend project repository.

What is the best way to prioritize UI fixes before a release using a visual audit?▼

The best way to prioritize UI fixes is to use the graded assessment from the visual audit, which provides numeric scores per pillar and referenced brand guidance to help design and engineering teams target the most critical inconsistencies.

Related Skills

Explore More Design & Creative Skills→
MINT-IAMINT-IA

gsd-ui-review

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

Official
Intermediate
hadpadrahulhadpadrahul

gsd-ui-review

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

Community
Advanced
ilya-makarov-devilya-makarov-dev
15

reframe-brand

Parse DESIGN.md files to extract brand design tokens and verify scene fidelity.

Community
Advanced
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-visual-validator

Validate UI modifications for visual regression, compliance, and accessibility.

Community
Advanced