critique

Solid

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component.

AI & Automation 389 stars 36 forks Updated today Apache-2.0

Install

View on GitHub

Quality Score: 92/100

Stars 20%
86
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

## MANDATORY PREPARATION Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. Additionally gather: what the interface is trying to accomplish. --- Conduct a holistic design critique, evaluating whether the interface actually works — not just technically, but as a designed experience. Think like a design director giving feedback. ## Phase 1: Design Critique Evaluate the interface across these dimensions: ### 1. AI Slop Detection (CRITICAL) **This is the most important check.** Does this look like every other AI-generated interface from 2024-2025? Review the design against ALL the **DON'T** guidelines in the frontend-design skill — they are the fingerprints of AI-generated work. Check for the AI color palette, gradient text, dark mode with glowing accents, glassmorphism, hero metric layouts, identical card grids, generic fonts, and all other tells. **The test**: If you showed this to someone and said "AI made this," would they believe you immediately? If yes, that's the problem. ### 2. Visual Hierarchy - Does the eye flow to the most important element first? - Is there a clear primary action? Can you spot it in 2 seconds? - Do size, color, and position communicate importance correctly? - Is there visual competition between elements that should have different weights? ### 3. Information Architecture &...

Details

Author
mxyhi
Repository
mxyhi/ok-skills
Created
3 months ago
Last Updated
today
Language
C#
License
Apache-2.0

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

critique

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component.

5,395 Updated today
fengshao1227
AI & Automation Solid

critique

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component.

240 Updated today
joewinke
AI & Automation Solid

critique

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component.

226 Updated yesterday
AkaraChen
Code & Development Listed

critique

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component.

22 Updated 2 days ago
AkaraChen
AI & Automation Listed

critique

critique UX 评估:视觉层级/信息架构/情感共鸣/认知负荷量化打分 + persona 测试。

12 Updated 3 days ago
wzyxdwll