skills.rest
yogvidwankhede
yogvidwankhedeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-judgment

Audit AI-generated user interfaces for hierarchy, typography, and accessibility.

1|Updated Jul 26, 2026
Search Tags:#typography#design#ui#accessibility#critique#hierarchy
One-click install
npx skills add https://github.com/yogvidwankhede/vishwakarma --skill design-judgment
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-judgment
Source: https://github.com/yogvidwankhede/vishwakarma/tree/main/.claude/skills/design-judgment
Command: npx skills add https://github.com/yogvidwankhede/vishwakarma --skill design-judgment

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses the common issue of undifferentiated, template-like UI generated by AI models, ensuring that interfaces are built with deliberate hierarchy, rhythm, and visual weight rather than generic defaults.

Core Features & Use Cases

  • Design Contract Auditing: Provides a systematic checklist to verify hierarchy, spacing, typography, and accessibility.
  • Anti-Pattern Identification: Offers specific guidance on replacing common generated-UI mistakes like multi-hue gradients and uniform padding.
  • Use Case: When reviewing a landing page generated by an AI agent, use this skill to identify why the page feels flat and apply specific, actionable fixes to improve visual impact and user trust.

Quick Start

Use the design-judgment skill to audit the current interface for hierarchy and spacing issues.

Frequently Asked Questions about design-judgment

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

FAQPage Schema
How do I critique AI-generated UI for poor visual hierarchy and typography?▼

To critique AI-generated UI, apply a structured design contract auditing protocol that systematically verifies visual hierarchy, spacing, typography, and accessibility to replace generic template patterns with deliberate visual weight.

What is the best way to fix flat landing pages generated by AI coding agents?▼

The best way to fix flat AI-generated landing pages is to identify specific anti-patterns like multi-hue gradients and uniform padding, then apply actionable design logic to improve visual impact and user trust.

Why does my AI-generated interface lack professional composition and rhythm?▼

AI-generated interfaces lack professional composition because models default to undifferentiated, template-like structures rather than building with deliberate hierarchy, rhythm, and visual weight.

Can I systematically audit accessibility and spacing in generated UI components?▼

Yes, you can systematically audit accessibility and spacing in generated UI components by enforcing a rigorous design critique protocol that targets common visual failures and checks functional accessibility compliance.

When do I need to apply design critique logic to an AI coding agent's output?▼

You need to apply design critique logic when an AI coding agent's output feels generic, lacks differentiation, or exhibits template-driven layout patterns that compromise functionality and professional composition.

Related Skills

Explore More Design & Creative Skills→
Ikki-GroupIkki-Group

critique

Evaluate web or app designs with Nielsen heuristic scoring and prioritized UX feedback.

Official
Advanced
mosif16mosif16
18

ios-ux-design

Evaluate iOS app interfaces against Apple Human Interface Guidelines and generate implementation specifications.

Community
Advanced
AngelP17AngelP17
1

tailwind-design-system

Standardize UI design with Tailwind-based design tokens and component patterns.

Community
Advanced
yournextstoreyournextstore
5.5k

critique

Analyze interface layouts, typography, color, hierarchy, and accessibility to identify usability flaws.

Official
Advanced