skills.rest
elsolal
elsolalCOMMUNITY
Explore all skills by this author →
GitHub

taste-critic

Audit UI designs for visual flaws across typography, spacing, hierarchy, motion, color, copy, density, and composition.

1|Updated Jan 20, 2026
Search Tags:#branding#consistency#layout#visual-design#design-review#ui-audit#taste-skill
One-click install
npx skills add https://github.com/elsolal/Skillz-Claude-Codex-And-More --skill taste-critic
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: taste-critic
Source: https://github.com/elsolal/Skillz-Claude-Codex-And-More/tree/main/.claude/skills/taste-critic
Command: npx skills add https://github.com/elsolal/Skillz-Claude-Codex-And-More --skill taste-critic

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audits UI designs to identify visual flaws and inconsistencies using established taste-skills, helping teams ship visually polished interfaces.

Core Features & Use Cases

  • Automated audit across typography, spacing, hierarchy, motion, color, copy, density, and composition.
  • Provides structured severity ratings and concrete fixes for design reviews and PR gates.
  • Use case: run on a design preview in /qa to surface visual issues before merging.

Quick Start

Run a design screenshot or UI code path through taste-critic to generate a visual quality report.

Frequently Asked Questions about taste-critic

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

FAQPage Schema
How do I audit UI visual design quality for inconsistencies?▼

To audit UI taste, run a design screenshot or UI code path through an automated review process that evaluates visual quality against a structured framework. It outputs severity ratings and targeted fixes for visual flaws across typography, spacing, hierarchy, and composition.

What is a UI taste framework for design reviews?▼

A UI taste framework is a structured set of visual design criteria used to evaluate and score interface quality. It identifies flaws across typography, spacing, hierarchy, motion, color, copy, density, and composition to help teams ship polished interfaces.

How do I run a visual design audit before merging a pull request?▼

Run a visual design audit by executing a taste evaluation on a design preview in your QA environment. This surfaces visual issues, generates severity ratings, and provides a quick-win plan to fix visual flaws before merging.

Does an automated design review check copy and density?▼

Yes, an automated design review checks copy and density alongside typography, spacing, hierarchy, motion, color, and composition. It scopes these UI components and screenshots to output a structured report with concrete fixes.

What is the best way to fix visual design flaws in a UI?▼

The best way to fix visual design flaws is to use an automated audit that provides a structured report with severities and targeted fixes. This includes a quick-win plan to systematically resolve inconsistencies across typography, spacing, and composition.

Related Skills

Explore More Design & Creative Skills→
zinohomezinohome
1

visual-regression-tester

Capture and compare UI screenshots with Playwright and Chromatic.

Community
Advanced
SChannarongSChannarong

frontend-design

Generate frontend code with accessibility, theming, and responsive behavior.

Community
Advanced
esopianesopian
2

design-review

Detect layout, spacing, and hierarchy issues on live web interfaces.

Community
Advanced
nayyirahsannayyirahsan

critique

Analyze design visual hierarchy, information architecture, and cognitive load with quantitative scoring.

Community
Advanced