shine-ui-review

Audit frontend code across six pillars and generate UI-REVIEW.md with pillar scores.

1|Updated Apr 15, 2026
One-click install
npx skills add https://github.com/diShine-digital-agency/SHINE-Code-System --skill shine-ui-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shine-ui-review
Source: https://github.com/diShine-digital-agency/SHINE-Code-System/tree/main/skills/shine-ui-review
Command: npx skills add https://github.com/diShine-digital-agency/SHINE-Code-System --skill shine-ui-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a structured post-implementation audit to detect frontend quality gaps across six pillars, enabling teams to improve UI consistency, accessibility, and overall user experience.

Core Features & Use Cases

  • Produces a UI-REVIEW.md with a graded assessment (1-4 per pillar) for any frontend project.
  • Performs retroactive, visual audits across six pillars to identify gaps in design, accessibility, performance, maintainability, consistency, and UX outcomes.
  • Supports quality assurance by documenting actionable improvements and facilitating design-review handoffs.

Quick Start

Run the UI review workflow on your frontend project to generate UI-REVIEW.md with pillar grades.

Frequently Asked Questions about shine-ui-review

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

FAQPage Schema
How do I run a frontend UI audit on implemented code?

Run a frontend UI audit by applying a six-pillar retroactive review to your implemented code, which identifies quality gaps and generates a graded UI-REVIEW.md file. This process evaluates design consistency, accessibility, and maintainability across the project.

What is a six-pillar retro UI review?

A six-pillar retro UI review is a post-implementation assessment that detects frontend quality gaps across visual design, accessibility, performance, maintainability, consistency, and UX outcomes. It produces a UI-REVIEW.md file with actionable improvement recommendations.

How do I check design consistency and accessibility conformance in a frontend project?

Check design consistency and accessibility conformance by performing a retroactive visual audit on your implemented frontend code. This assesses UI quality across six pillars and produces a graded report to guide design-review handoffs.

Can I use a retroactive UI audit for any frontend project across different teams?

Yes, you can apply a retroactive UI audit to any frontend project across different teams. The workflow is platform-agnostic and requires no specific dependencies to assess post-implementation quality and generate a scored review document.

What is the best way to document actionable UI improvements for design handoffs?

Document actionable UI improvements by running a six-pillar retroactive UI audit that generates a UI-REVIEW.md file. This file contains pillar scores from 1 to 4 and detailed notes to facilitate structured design-review handoffs.

Does the UI review workflow require any external dependencies?

No, the UI review workflow does not require any external dependencies or components. It operates as a standalone retroactive audit process that directly evaluates implemented frontend code to produce a graded assessment.