skills.rest
TruCol270
TruCol270COMMUNITY
Explore all skills by this author →
GitHub

gsd-ui-review

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

1|Updated Apr 7, 2026
Search Tags:#workflow#quality-assurance#ui-review#frontend-audit#design-quality#visual-audit#frontend-code
One-click install
npx skills add https://github.com/TruCol270/salty-pickle --skill gsd-ui-review-trucol270
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsd-ui-review
Source: https://github.com/TruCol270/salty-pickle/tree/main/.claude-skills/gsd-ui-review
Command: npx skills add https://github.com/TruCol270/salty-pickle --skill gsd-ui-review-trucol270

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identifies gaps and inconsistencies in implemented frontend code by performing a structured, pillar-based UI quality audit across six pillars.

Core Features & Use Cases

  • Visual health check across six pillars (consistency, accessibility, performance, visual fidelity, responsive behavior, and UX alignment).
  • Generates a phase-based UI-REVIEW.md with per-pillar grades and actionable recommendations.
  • Useful for design/development teams to validate frontend quality and drive improvements.

Quick Start

Run the UI review workflow on the project to generate a phase-specific 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 perform a frontend UI audit for design quality and consistency?▼

A frontend UI audit applies a structured six-pillar review across consistency, accessibility, performance, visual fidelity, responsive behavior, and UX alignment to identify gaps in implemented code and generate actionable recommendations.

What is a visual audit for frontend code and when do I need one?▼

A visual audit evaluates cross-platform consistency and UX alignment in frontend projects with a design system. You need one to validate frontend quality, identify visual inconsistencies, and drive design improvements retroactively.

How do I check accessibility and responsive behavior in my frontend project?▼

You check accessibility and responsive behavior by running a UI review workflow that evaluates your frontend project across six specific pillars and outputs a phase-based UI-REVIEW.md with per-pillar grades and actionable recommendations.

Does this UI review workflow work for any frontend project?▼

The UI review workflow applies to any frontend project that utilizes an established design system, ensuring cross-platform consistency, accessibility, performance, and UX alignment can be accurately evaluated and graded.

What is the best way to generate a structured UI quality report for my development team?▼

The best way to generate a UI quality report is running a pillar-based UI audit, which produces a phase-based UI-REVIEW.md containing per-pillar grades and actionable recommendations to validate frontend quality and drive improvements.

Can I use this visual audit for cross-platform consistency checks?▼

Yes, you can use this visual audit for cross-platform consistency checks. It is applicable to any frontend project with a design system, specifically evaluating cross-platform consistency alongside accessibility, performance, and UX alignment.

Related Skills

Explore More Design & Creative Skills→
WellApp-aiWellApp-ai
341

design-context

Align UI decisions with design system tokens, Storybook stories, and codebase patterns.

Official
Basic
hadpadrahulhadpadrahul

gsd-ui-review

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

Community
Advanced
flag3flag3
1

iterative-retrieval

Guide subagents through a 4-phase retrieval loop to refine information.

Community
Basic
bacchus-labsbacchus-labs
4

visual-regression-testing

Automate visual regression testing by comparing screenshots against baselines.

Official
Advanced