skills.rest
nnexai
nnexaiCOMMUNITY
Explore all skills by this author →
GitHub

gsd-ui-review

Audit frontend codebases across six quality pillars and generate UI-REVIEW.md documentation.

1|Updated Apr 4, 2026
Search Tags:#frontend#audit#quality-assurance#code-review#visual-testing#ui-review
One-click install
npx skills add https://github.com/nnexai/git-stacks --skill gsd-ui-review-nnexai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsd-ui-review
Source: https://github.com/nnexai/git-stacks/tree/main/.codex/skills/gsd-ui-review
Command: npx skills add https://github.com/nnexai/git-stacks --skill gsd-ui-review-nnexai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the lack of standardized visual and functional quality control in frontend implementations by providing a structured, retroactive audit framework.

Core Features & Use Cases

  • 6-Pillar Audit: Evaluates frontend code against six distinct quality pillars to ensure consistency and visual integrity.
  • Automated Workflow: Orchestrates the audit process, generates structured reports, and manages checkpoints for complex UI reviews.
  • Use Case: Use this after completing a major feature sprint to ensure the implemented UI adheres to brand guidelines and accessibility standards before final deployment.

Quick Start

Invoke the gsd-ui-review skill to begin a visual audit of the current project frontend.

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 UI audit for frontend code?▼

A UI audit evaluates an implemented frontend codebase against six distinct visual and functional quality pillars to ensure design consistency, visual integrity, and accessibility verification before deployment.

How do I perform a visual code review after a feature sprint?▼

To perform a visual code review, invoke the gsd-ui-review skill to orchestrate a multi-phase assessment, evaluate adherence to brand guidelines, and generate structured UI-REVIEW.md documentation for the completed UI.

Does frontend quality assurance require specific workflow agents?▼

Yes, this frontend quality assurance process requires integration with GSD workflow agents to execute multi-phase assessments and manage checkpoints for complex visual testing and functional reviews.

How is a 6-pillar visual audit different from standard code review?▼

A 6-pillar visual audit differs from standard code review by providing a structured, retroactive framework that specifically targets visual quality control, design consistency checks, and accessibility verification rather than just logic.

What format does an automated UI review report generate?▼

An automated UI review generates a structured UI-REVIEW.md documentation file, capturing the comprehensive assessment results and managing checkpoints for the frontend implementation.

When should I not use a retroactive UI audit?▼

You should not use a retroactive UI audit if your frontend codebase lacks integration with GSD workflow agents, as the multi-phase assessment requires these agents to orchestrate the automated checkpoints.

Related Skills

Explore More Software Engineering Skills→
MINT-IAMINT-IA

gsd-ui-review

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

Official
Intermediate
trevorbyrumtrevorbyrum
1

ui-review

Audit frontend code for design token violations and accessibility failures.

Community
Advanced
MINT-IAMINT-IA

gsd-set-profile

Switch GSD agent model profiles between quality, balanced, budget, and inherit modes.

Official
Basic
GenproMMGenproMM

gsd-ui-review

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

Official
Intermediate