skills.rest
rakibulism
rakibulismCOMMUNITY
Explore all skills by this author →
Website𝕏@rakibulismGitHub

design-critique

Analyze UI designs and produce structured feedback on usability, hierarchy, consistency, and accessibility.

2|1|Updated May 17, 2026
Search Tags:#accessibility#figma#usability#ui review#visual hierarchy#design critique
One-click install
npx skills add https://github.com/rakibulism/agent-skills-os --skill design-critique-rakibulism
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/rakibulism/agent-skills-os/tree/main/skills/design-design-critique
Command: npx skills add https://github.com/rakibulism/agent-skills-os --skill design-critique-rakibulism

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you evaluate a design quickly and systematically when you need actionable feedback on a mockup, screen, or Figma concept. It turns subjective impressions into structured critique so teams can spot usability issues, hierarchy problems, consistency gaps, and accessibility concerns before shipping.

Core Features & Use Cases

  • Structured critique: Reviews the design across first impression, usability, visual hierarchy, consistency, and accessibility.
  • Actionable recommendations: Highlights what is working, what is not, and what to change with priority-ranked guidance.
  • Stage-aware feedback: Works for early exploration, refinement, or final polish, and can adapt when given a specific focus such as mobile or onboarding.
  • Use case: A designer shares a Figma link for a checkout screen and asks for feedback on whether the call to action is obvious, the layout is readable, and the interface meets accessibility expectations.

Quick Start

Share a Figma link, screenshot, or design description and ask for a critique focused on the area you want improved.

Frequently Asked Questions about design-critique

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

FAQPage Schema
How do I get structured UI critique for a Figma screen?▼

To get structured UI critique for a Figma screen, share the link, screenshot, or design description and specify your focus. The review evaluates usability, visual hierarchy, consistency, and accessibility, returning prioritized recommendations.

What is design critique and how does it improve usability?▼

Design critique is a systematic evaluation that turns subjective impressions into structured feedback. It improves usability by identifying hierarchy problems, consistency gaps, and accessibility concerns before shipping a mockup.

Can I request feedback focused on accessibility and visual hierarchy?▼

Yes, you can request feedback focused on accessibility and visual hierarchy. Providing a specific focus like mobile or onboarding adapts the critique to prioritize recommendations for your chosen design area.

Does this UI review work for early exploration or only final polish?▼

This UI review works for early exploration, refinement, and final polish. It is stage-aware, meaning you can use it during any design phase to receive actionable guidance on your mockup.

What is the best way to evaluate a checkout screen mockup?▼

The best way to evaluate a checkout screen mockup is to share the design and ask for feedback on specific elements like call to action visibility, layout readability, and accessibility expectations to receive priority-ranked guidance.

Related Skills

Explore More Design & Creative Skills→
clawpod-appclawpod-app
46

design-critique

Identify usability and visual-design issues in Figma links, screenshots, or descriptions.

Community
Advanced
omerakbenomerakben
1

web-design-guidelines

Analyze UI code against Web Interface Guidelines for accessibility and usability issues.

Community
Basic
bigeasyfreemanbigeasyfreeman
2

figma-integration

Extract Figma design tokens and validate PRD specifications against current designs.

Community
Advanced
thehivegroup-aithehivegroup-ai

std-design-review

Evaluates UI designs against usability heuristics, visual design principles, and accessibility criteria.

Official
Advanced