critique

Identify visual UI/UX issues from screenshots and structured criteria.

25|4|Updated Sep 5, 2010
One-click install
npx skills add https://github.com/divad12/dotfiles --skill critique-divad12
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: critique
Source: https://github.com/divad12/dotfiles/tree/main/.claude/skills/critique
Command: npx skills add https://github.com/divad12/dotfiles --skill critique-divad12

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Critique visually evaluates the current UI/UX by taking screenshots, identifying what's working and what could be improved, and guiding actionable changes before presenting to users.

Core Features & Use Cases

  • Structured visual reviews after frontend work to surface design issues like layout, spacing, typography, color, and interactions.
  • Proactive quality checks to ensure UI consistency and polish across features and screens.
  • Use Case: after implementing a frontend feature, run a critique to surface improvements before a demo or launch.

Quick Start

Take a fresh screenshot of the current UI and begin the critique to surface visual issues.

Frequently Asked Questions about critique

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

FAQPage Schema
How do I visually critique UI/UX from a screenshot?

To visually critique UI/UX, capture a screenshot of the current interface and evaluate it against structured criteria to identify layout, spacing, typography, and color issues. This process surfaces actionable improvements for design polish.

What is the best way to get structured design feedback before a launch?

The best way to get structured design feedback before launch is running a post-frontend visual review. It identifies UI inconsistencies and provides an actionable critique report detailing necessary changes and their rationale.

Can I use a screenshot to find visual issues in my frontend project?

Yes, you can use a screenshot to find visual issues in your frontend project. The critique process evaluates captured screenshots to proactively check for UI consistency, ensuring visual polish across features and screens.

When do I need a visual review for my web design?

You need a visual review for your web design after implementing a frontend feature or before a demo. It acts as a proactive quality check to surface design issues like layout and interaction flaws early.

Does UI critique work for checking spacing and typography consistency?

Yes, UI critique works for checking spacing and typography consistency. The visual review process targets these specific design elements to ensure overall UI consistency and polish across all project screens.

Why does my UI look inconsistent after frontend work?

Your UI looks inconsistent after frontend work because visual issues in layout, spacing, and color often go unnoticed during development. Running a structured critique surfaces these problems and guides actionable changes.