skills.rest
coco-research
coco-researchCOMMUNITY
Explore all skills by this author →
GitHub

gsd-ui-review

Audits implemented frontend code and produces a structured six-pillar UI review document.

264|11|Updated Apr 25, 2026
Search Tags:#accessibility#ui review#design consistency#visual quality#frontend audit#phase report
One-click install
npx skills add https://github.com/coco-research/coco --skill gsd-ui-review-coco-research
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsd-ui-review
Source: https://github.com/coco-research/coco/tree/main/systems/gsd/skills/gsd-ui-review
Command: npx skills add https://github.com/coco-research/coco --skill gsd-ui-review-coco-research

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams evaluate implemented frontend work after the fact, turning subjective UI opinions into a structured review with consistent scoring and clear next actions.

Core Features & Use Cases

  • Retroactive UI Audit: Reviews completed frontend implementations instead of designs or mockups.
  • Six-Pillar Assessment: Grades the interface across six visual quality dimensions using a 1-4 scale.
  • Phase-Based Reporting: Produces a phase-specific UI review file so teams can track issues as the project progresses.
  • Use Case: Use it when a landing page, dashboard, or app screen has been built and you need a disciplined visual critique before shipping.

Quick Start

Ask the AI to run a retroactive UI review for the current phase and generate the corresponding 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 audit on implemented frontend code?▼

Run a retroactive UI audit by evaluating completed frontend code across six visual quality dimensions, using a 1-4 scoring scale to assess layout, hierarchy, polish, consistency, responsiveness, and accessibility.

What is included in a six-pillar visual quality assessment for web applications?▼

A six-pillar visual quality assessment grades layout, hierarchy, polish, consistency, responsiveness, and accessibility using a 1-4 scale, generating a structured UI review document with actionable next steps.

How do I generate a phase-aware UI review document for my project?▼

Generate a phase-aware UI review document by running a retroactive visual audit on the current frontend phase, producing a phase-specific UI-REVIEW.md deliverable to track issues as the project progresses.

Can I use this frontend audit for design mockups before implementation?▼

No, this frontend audit reviews completed frontend implementations rather than design mockups, turning subjective UI opinions into a structured review with consistent scoring after code is built.

What is the best way to grade frontend UI quality before shipping a dashboard?▼

Grade frontend UI quality by performing a retroactive visual audit using a six-pillar assessment with 1-4 scoring, producing a disciplined UI-REVIEW.md deliverable with clear next actions before shipping.

Why do I need a structured UI review document instead of subjective feedback?▼

A structured UI review document transforms subjective UI opinions into consistent scoring across six visual quality dimensions, providing a disciplined visual critique with clear next actions instead of vague feedback.

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
stevengonsalvezstevengonsalvez

polish

Performs a UI polish pass to fix alignment, spacing, wording, and typography defects.

Community
Advanced
DuySeuDuySeu
1

gsd-ui-review

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

Community
Advanced
tom-xstom-xs

accessibility-selenium-testing

Automate WCAG 2.1/2.2 accessibility audits with Selenium WebDriver and axe-core.

Community
Advanced