kwp-design-design-critique

Evaluate digital interface designs for usability, visual hierarchy, and accessibility.

7|5|Updated May 7, 2026
One-click install
npx skills add https://github.com/14790897/MiQi --skill kwp-design-design-critique
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: kwp-design-design-critique
Source: https://github.com/14790897/MiQi/tree/main/miqi/skills/kwp/design/design-critique
Command: npx skills add https://github.com/14790897/MiQi --skill kwp-design-design-critique

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the lack of immediate, structured design feedback during the creative process, helping designers identify usability issues, hierarchy problems, and accessibility gaps before final handoff.

Core Features & Use Cases

  • Structured Critique Framework: Evaluates designs based on first impressions, usability, visual hierarchy, consistency, and accessibility.
  • Context-Aware Review: Analyzes Figma links, screenshots, or descriptions to provide actionable, stage-specific recommendations.
  • Use Case: A designer working on a B2B SaaS checkout flow can share a mockup to receive specific advice on improving CTA visibility and navigation clarity based on established design principles.

Quick Start

Ask the agent to review your design by providing a link or screenshot and specifying the current stage of your project.

Frequently Asked Questions about kwp-design-design-critique

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

FAQPage Schema
How do I get structured design feedback on a Figma mockup?

To get structured design feedback on a Figma mockup, share your link or screenshot with the agent and specify your project stage. It evaluates usability, visual hierarchy, consistency, and accessibility, delivering actionable improvement recommendations.

What is the best way to check UI accessibility and visual hierarchy before handoff?

The best way to check UI accessibility and visual hierarchy before handoff is using a structured critique framework. It analyzes your digital interfaces against design system standards to identify usability issues and accessibility gaps early.

Does this design critique tool evaluate screenshots at different stages of the design lifecycle?

Yes, this design critique tool evaluates screenshots, Figma links, and descriptions at different stages of the design lifecycle. It provides context-aware, stage-specific recommendations based on first impressions and established design principles.

Can I use this to improve B2B SaaS checkout flow navigation and CTA visibility?

Yes, you can use this to improve B2B SaaS checkout flow navigation and CTA visibility. By sharing your mockup, you receive specific advice on enhancing navigation clarity and visual hierarchy based on user feedback loops.

Why does my digital interface lack visual hierarchy and usability consistency?

Your digital interface may lack visual hierarchy and usability consistency due to unstructured design iterations. A critique framework evaluates first impressions and accessibility gaps, integrating design system standards to provide actionable fixes.

What are the limitations of automated UI UX critique for complex digital interfaces?

Automated UI UX critique for complex digital interfaces relies on provided mockups, screenshots, or Figma links and descriptions. It cannot evaluate interactive states beyond static visuals, limiting its assessment of dynamic user flows and real-time accessibility behaviors.