critique

Evaluate user interface designs for visual hierarchy, information architecture, and AI-generated patterns.

94|4|Updated Mar 3, 2024
One-click install
npx skills add https://github.com/yeshan333/awesome-tech-weekly-zh --skill critique-yeshan333
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: critique
Source: https://github.com/yeshan333/awesome-tech-weekly-zh/tree/main/.agents/skills/critique
Command: npx skills add https://github.com/yeshan333/awesome-tech-weekly-zh --skill critique-yeshan333

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of objectively evaluating the effectiveness of a user interface from a design perspective, ensuring it is not only functional but also aesthetically pleasing and user-friendly.

Core Features & Use Cases

  • Holistic Design Critique: Assesses visual hierarchy, information architecture, emotional resonance, discoverability, composition, typography, color usage, and states/edge cases.
  • AI Slop Detection: Critically identifies common patterns indicative of AI-generated designs.
  • Actionable Feedback: Provides specific, prioritized issues with suggested fixes and relevant commands.
  • Use Case: A product designer can use this skill to get a thorough review of a new app screen, identifying potential usability issues and areas for aesthetic improvement before development.

Quick Start

Use the critique skill to evaluate the design of the attached user profile screen.

Frequently Asked Questions about critique

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

FAQPage Schema
How do I evaluate user interface design effectiveness from a UX perspective?

To evaluate user interface design effectiveness, assess visual hierarchy, information architecture, emotional resonance, and overall design quality to provide actionable feedback and identify potential usability issues.

Can I detect AI-generated design patterns in a user interface?

Yes, AI-generated design patterns can be detected by critically identifying common visual compositions, typography choices, and structural layouts indicative of automated AI slop generation in user interface screens.

What does a holistic design critique cover for an app screen?

A holistic design critique covers visual hierarchy, information architecture, emotional resonance, discoverability, composition, typography, color usage, and states or edge cases to ensure aesthetic and functional quality.

How do I get actionable feedback with suggested fixes for usability issues?

Actionable feedback with suggested fixes is generated by evaluating the user interface, identifying specific prioritized issues, and providing relevant commands to resolve usability problems and aesthetic defects.

Do I need integration with frontend-design skill to critique a design?

Yes, integration with the frontend-design skill is required for this UX evaluation to gather design principles and context, ensuring an accurate assessment of the user interface.

What is the best way to review a new app screen before development?

The best way to review a new app screen before development is to perform a thorough UX evaluation assessing visual hierarchy and information architecture to identify usability issues and aesthetic improvement areas.