shine-design-crit

Evaluate design artifacts for hierarchy, legibility, consistency, accessibility, and brand fit.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides structured critique focused on hierarchy, legibility, consistency, accessibility, and brand fit, enabling faster design feedback.

Core Features & Use Cases

  • Evaluate design artifacts on hierarchy, legibility, consistency, accessibility, and brand alignment.
  • Produce blocking issues, improvements, and praise with clearly separated non-blocking suggestions.
  • Use during design reviews on UI mockups, screenshots, or design systems to drive concrete actionable feedback.

Quick Start

Provide a concise critique of the attached design artifact focusing on hierarchy, legibility, consistency, accessibility, and brand fit.

Frequently Asked Questions about shine-design-crit

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

FAQPage Schema
How do I get structured design critique for UI mockups focusing on accessibility and hierarchy?

Structured design critique evaluates UI mockups to identify blocking issues in visual hierarchy, legibility, consistency, accessibility, and brand fit. It analyzes contrast ratios, spacing tokens, and typography to produce actionable improvements and praise.

What is the best way to check contrast ratios and brand alignment in a design review?

Checking contrast ratios and brand alignment during a design review involves evaluating the artifact against established criteria to ensure accessibility and brand fit. This process yields clearly separated blocking issues and non-blocking suggestions for refinement.

Can I use this design critique process on style guides and design systems?

Yes, design critique can be applied to style guides and design systems to evaluate consistency, spacing tokens, and typography. It assesses these artifacts to drive concrete, actionable feedback for maintaining visual and structural coherence.

How does a design critique identify blocking issues versus non-blocking improvements?

Design critique identifies blocking issues by evaluating fundamental failures in hierarchy, legibility, accessibility, and brand fit. It then separates these critical flaws from non-blocking suggestions, delivering structured feedback with actionable improvements and praise.

Do I need specific design file formats to perform an accessibility and hierarchy evaluation?

No specific file formats are required to perform an accessibility and hierarchy evaluation. You can provide design artifacts such as UI mockups, screenshots, or style guides directly for critique to assess contrast, typography, and consistency.

When should I not use automated design critique for UI design feedback?

Automated design critique focuses on structured criteria like contrast ratios and spacing tokens, meaning it may not fully capture subjective aesthetic nuances or complex interactive behaviors outside of static mockups and style guides.