critique

Analyze user interface designs for usability, consistency, and AI patterns.

Updated Apr 20, 2026
One-click install
npx skills add https://github.com/hjung3113/vocpage --skill critique-hjung3113
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: critique
Source: https://github.com/hjung3113/vocpage/tree/main/.claude/skills/critique
Command: npx skills add https://github.com/hjung3113/vocpage --skill critique-hjung3113

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps designers and teams analyze and critique user interface designs by providing comprehensive feedback on visual hierarchy, consistency, usability heuristics, and AI-generated design patterns.

Core Features & Use Cases

  • Design Evaluation: Assesses visual and functional quality of UI prototypes, including heuristic scoring and AI slop detection.
  • Structured Feedback: Offers detailed reports on strengths, weaknesses, and priority issues.
  • Use Case: Use this Skill when reviewing a new website prototype to identify usability issues, aesthetic inconsistencies, and AI design artifacts, then generate actionable suggestions for improvements.

Quick Start

Provide the URLs of one or more web pages or design files for critique analysis to receive a detailed evaluation report.

Frequently Asked Questions about critique

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

FAQPage Schema
How do I run a UI review on a website prototype to identify usability issues?

To perform a UX critique, provide the URL of your web page or design file. The Skill evaluates usability heuristics, visual hierarchy, and AI-generated design patterns, returning a detailed report on strengths, weaknesses, and priority issues.

What is AI pattern detection in design analysis and how does it work?

AI pattern detection identifies AI-generated design artifacts within a user interface. It works by analyzing code and visual output to flag aesthetic inconsistencies and design artifacts during the design evaluation process.

Can I use this to get heuristic scoring for multiple web pages at once?

Yes, you can provide the URLs of one or more web pages or design files for critique analysis. The Skill assesses aesthetic consistency and usability heuristics across the provided inputs to generate actionable improvement suggestions.

Does design analysis require any specific code framework or dependencies?

No specific dependencies are required. The Skill operates independently to analyze user interface designs, requiring only the URLs of your web pages or design files to perform the aesthetic and usability heuristics evaluation.

What's the best way to improve design quality after identifying visual hierarchy issues?

The best way to improve design quality is to follow the structured feedback report. It provides priority issues and actionable suggestions for improvements based on the evaluated design principles and aesthetic consistency.