skills.rest
ArnavPuri
ArnavPuriCOMMUNITY
Explore all skills by this author →
Website𝕏@arnavpuriGitHub

design-critique

Analyze digital designs and generate CSS and HTML fixes with scoring.

3|1|Updated Mar 16, 2026
Search Tags:#accessibility#code generation#UX audit#design critique#UI review#design improvement
One-click install
npx skills add https://github.com/ArnavPuri/designskills --skill design-critique-arnavpuri
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/ArnavPuri/designskills/tree/main/skills/design-critique
Command: npx skills add https://github.com/ArnavPuri/designskills --skill design-critique-arnavpuri

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a systematic and actionable framework for evaluating existing designs, identifying weaknesses, and suggesting specific code-based improvements to enhance visual appeal, usability, and accessibility.

Core Features & Use Cases

  • Structured Design Audit: Analyzes visual hierarchy, color usage, typography, spacing, accessibility, responsiveness, and performance.
  • Actionable Code Fixes: Generates specific CSS and HTML recommendations to resolve identified issues.
  • Scoring Framework: Provides a quantitative score across key design dimensions.
  • Use Case: Upload a screenshot of a website's homepage and ask for a design critique. The Skill will return a detailed report with a score, identified issues, and code snippets to improve the design's effectiveness.

Quick Start

Critique the provided design by evaluating its visual hierarchy, color usage, and typography.

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 design critique on an existing website screenshot?▼

A UX audit evaluates digital designs by systematically analyzing visual hierarchy, color usage, typography, spacing, alignment, accessibility, and responsiveness. It identifies specific weaknesses across these dimensions to suggest targeted design improvements.

Can I get actual CSS and HTML code fixes from a UI review?▼

A UX audit evaluates digital designs by systematically analyzing visual hierarchy, color usage, typography, spacing, alignment, accessibility, and responsiveness. It identifies specific weaknesses across these dimensions to suggest targeted design improvements.

Does the design critique include a scoring framework for objective evaluation?▼

A UX audit evaluates digital designs by systematically analyzing visual hierarchy, color usage, typography, spacing, alignment, accessibility, and responsiveness. It identifies specific weaknesses across these dimensions to suggest targeted design improvements.

What is the best way to improve accessibility and responsiveness during a design audit?▼

A UX audit evaluates digital designs by systematically analyzing visual hierarchy, color usage, typography, spacing, alignment, accessibility, and responsiveness. It identifies specific weaknesses across these dimensions to suggest targeted design improvements.

What dimensions does an automated UX audit evaluate?▼

A UX audit evaluates digital designs by systematically analyzing visual hierarchy, color usage, typography, spacing, alignment, accessibility, and responsiveness. It identifies specific weaknesses across these dimensions to suggest targeted design improvements.

Related Skills

Explore More Design & Creative Skills→
joi-fairsharejoi-fairshare
1

design-mockup-web

Generate responsive HTML mockups from design tokens and specifications.

Community
Advanced
EmaRimoldiEmaRimoldi

web-design-reviewer

Identify and fix visual design issues in HTML/CSS/JS across viewports.

Community
Advanced
nanorepublicananorepublica
61

Frontend Accessibility

Enforce frontend accessibility compliance in HTML, CSS, and JavaScript components.

Community
Basic
han-so1omonhan-so1omon
1

critique

Identify UX design weaknesses and output a structured critique workflow.

Community
Advanced