skills.rest
prototypdigital
prototypdigitalOFFICIAL
Explore all skills by this author →
Website𝕏@_prototypGitHub

design-critique

Evaluate UI designs for accessibility, hierarchy, and device compatibility.

Updated May 7, 2026
Search Tags:#accessibility#design review#QA testing#UI critique#fix list
One-click install
npx skills add https://github.com/prototypdigital/claude-marketplace --skill design-critique-prototypdigital
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/prototypdigital/claude-marketplace/tree/main/plugins/skeletor/skills/design-critique
Command: npx skills add https://github.com/prototypdigital/claude-marketplace --skill design-critique-prototypdigital

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill performs thorough reviews of built UI designs to ensure accessibility, visual hierarchy, copy quality, consistency, and device compatibility, providing an impact-ranked list of fixes.

Core Features & Use Cases

  • Critique Across Lenses: Reviews UIs for accessibility, hierarchy, copy, consistency, stock UI, and device fit.
  • Hostile QA: Actively attempts to break the UI, identifying unhandled cases.
  • Impact-Ranked Fixes: Prioritizes fixes based on visible impact, not ease.
  • Use Case: Use before shipping a design to catch issues before they reach the public.

Quick Start

Run a design critique on your view by invoking: design-critique my-view-design.

Frequently Asked Questions about design-critique

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

FAQPage Schema
How do I run a UI critique on my design before shipping?▼

A UI critique evaluates your built design across accessibility, visual hierarchy, copy quality, consistency, and device compatibility. Invoke the design-critique command on your view to generate an impact-ranked list of fixes.

What is hostile QA testing for UI design?▼

Hostile QA testing actively attempts to break your UI to identify unhandled cases and edge issues. This process ensures your design catches critical problems before they reach the public.

Does the design review check accessibility and device compatibility?▼

Yes, the design review checks accessibility and device compatibility. It evaluates your UI across multiple quality lenses including visual hierarchy and stock UI to ensure broad usability.

Are the suggested UI fixes ranked by ease of implementation?▼

No, the suggested UI fixes are not ranked by ease. The review provides an impact-ranked list of fixes, prioritizing issues based on their visible impact to ensure the most noticeable problems are addressed first.

Can I use this for QA testing on an existing view?▼

Yes, you can use this for QA testing on an existing view. Run a design critique by invoking the command with your view design to perform a thorough quality assurance review.

Related Skills

Explore More Design & Creative Skills→
JahiaJahia

jahia-dev-import-from

Convert external webpages into Jahia components with CND and view scaffolding.

Official
Advanced
maplin-comaplin-co

accessibility-audit

Audit UI components and web pages for WCAG 2.1/2.2 accessibility compliance.

Official
Intermediate
wzyxdwllwzyxdwll
14

arrange

Analyze UI layouts and generate prioritized spacing and alignment adjustments.

Community
Advanced
Cbanzaime23Cbanzaime23

bmad-review-edge-case-hunter

Trace all branching paths in code diffs to report unhandled edge cases.

Community
Advanced