skills.rest
rp4ri
rp4riCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-critic

Run a structured 3-pass UX critique using Nielsen's heuristics, accessibility, and content quality.

Updated Jun 2, 2026
Search Tags:#accessibility#usability#design review#content quality#UX critique
One-click install
npx skills add https://github.com/rp4ri/pi-studios --skill design-critic-rp4ri
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-critic
Source: https://github.com/rp4ri/pi-studios/tree/main/design-studio/skills/design-critic
Command: npx skills add https://github.com/rp4ri/pi-studios --skill design-critic-rp4ri

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pypdf, pdfplumber, playwright, BeautifulSoup, requests, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the process of conducting a structured UX critique, covering heuristics, accessibility, and content quality, saving time and ensuring a comprehensive review.

Core Features & Use Cases

  • Structured Critique: Run a 3-pass critique (heuristics, accessibility, content quality) to ensure a thorough review.
  • Accessibility Check: Spot-check for common accessibility issues like color contrast, keyboard flow, and ARIA usage.
  • Content Quality Assessment: Evaluate microcopy, error messages, tone consistency, and information hierarchy.
  • Actionable Feedback: Provide a prioritized action list with severity ratings and specific fixes.
  • Project Memory Integration: Utilize project memory from .design-studio/project.json for brand voice, color, and name consistency.
  • Multi-Format Support: Analyze HTML/CSS files, URLs, Figma screenshots, and text descriptions.

Quick Start

Use the design-critic skill to critique the design of the new website homepage.

Frequently Asked Questions about design-critic

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

FAQPage Schema
How do I conduct a structured UX critique covering heuristics and accessibility?▼

A structured UX critique uses a 3-pass review focusing on Nielsen's 10 Heuristics, accessibility checks, and content quality to evaluate design elements and identify usability issues.

Can I run a UX critique on Figma screenshots and live URLs?▼

Yes, UX critique supports multi-format inputs including HTML/CSS files, live URLs, Figma screenshots, and text descriptions to analyze design usability and accessibility.

How to check color contrast and keyboard flow for accessibility compliance?▼

Accessibility checks spot common issues like color contrast, keyboard flow, and ARIA usage, providing a prioritized action list with severity ratings and specific fixes.

What is the best way to evaluate microcopy and content hierarchy in a design?▼

Content quality assessment evaluates microcopy, error messages, tone consistency, and information hierarchy as part of a structured UX critique to ensure clear communication.

Does UX critique work with project memory for brand voice consistency?▼

Yes, UX critique integrates project memory from `.design-studio/project.json` to check brand voice, color, and name consistency during the design review process.

What Python libraries are needed for automated UX critique and URL analysis?▼

Automated UX critique utilizes pypdf, pdfplumber, playwright, BeautifulSoup, and requests to parse files, scrape URLs, and analyze design elements for usability feedback.

Related Skills

Explore More Design & Creative Skills→
wpgauravwpgaurav
111

figma-to-generateblocks

Convert Figma designs into GenerateBlocks V2 HTML files for WordPress.

Community
Advanced
nazlicancaglarnazlicancaglar

ux-reviewer

Evaluate websites and mobile apps for usability and accessibility issues.

Community
Intermediate
RanaPriyanshRanaPriyansh

notifications-management

Filter, scrape, and automate Twitter notifications from the browser console.

Community
Intermediate
modu-aimodu-ai
267

ux-designer

Analyze user experience issues via heuristic evaluation, accessibility review, and user flow analysis.

Official
Advanced