id: product-and-design/ui-ux-quality-review
slug: ui-ux-quality-review
title: "UI/UX Quality Review: An Agent Skill For Product Interface Audits"
description: "A source-lineaged agent skill for reviewing product screens,
  landing pages, dashboards, and mobile flows. Each principle ships in two
  layers: human-readable principle + agent-checkable rules with thresholds and
  named patterns."
public_url: https://build-os.com/agent-skills/ui-ux-quality-review
raw_skill_url: https://build-os.com/agent-skills/ui-ux-quality-review/skill.md
portable_skill_url: https://build-os.com/agent-skills/ui-ux-quality-review/portable/SKILL.md
bundle_url: https://build-os.com/agent-skills/ui-ux-quality-review/bundle.zip
runtime_skill_id: ui_ux_quality_review
skill_type: combo
skill_category: product-and-design
providers:
  - YouTube source analysis
  - BuildOS YouTube library
compatible_agents:
  - BuildOS-compatible agents
  - Claude Code
  - Codex
  - portable Agent Skills
stack_with:
  - accessibility-and-inclusive-ui-review
  - visual-craft-fundamentals
  - marketing-site-design-review
  - delightful-product-review
lineage_people:
  - Kole Jain
  - Nesrine Changuel
  - Lenny Rachitsky
lineage_profiles:
  - name: Kole Jain
    slug: kole-jain
    url: https://build-os.com/skills/people/kole-jain
  - name: Nesrine Changuel
    slug: nesrine-changuel
    url: https://build-os.com/skills/people/nesrine-changuel
  - name: Lenny Rachitsky
    slug: lenny-rachitsky
    url: https://build-os.com/skills/people/lenny-rachitsky
lineage_sources:
  - title: 7 UI/UX mistakes that scream you're a beginner
    creator: Kole Jain
    creatorType: Person
    creatorUrl: https://www.youtube.com/@KoleJain
    url: https://www.youtube.com/watch?v=AH_ugxmLeUM
    sourceType: youtube_video
    channelName: Kole Jain
    channelUrl: https://www.youtube.com/@KoleJain
  - title: Every UI/UX Concept Explained in Under 10 Minutes
    creator: Kole Jain
    creatorType: Person
    creatorUrl: https://www.youtube.com/@KoleJain
    url: https://www.youtube.com/watch?v=EcbgbKtOELY
    sourceType: youtube_video
    channelName: Kole Jain
    channelUrl: https://www.youtube.com/@KoleJain
  - title: The Complete Guide To Visual Hierarchy
    creator: DesignSpo
    creatorType: Organization
    creatorUrl: https://www.youtube.com/@DesignSpo
    url: https://www.youtube.com/watch?v=kK1TOpI948o
    sourceType: youtube_video
    channelName: DesignSpo
    channelUrl: https://www.youtube.com/@DesignSpo
  - title: The ULTIMATE Guide To Typography For Beginners
    creator: DesignSpo
    creatorType: Organization
    creatorUrl: https://www.youtube.com/@DesignSpo
    url: https://www.youtube.com/watch?v=AXpxZMRM1EY
    sourceType: youtube_video
    channelName: DesignSpo
    channelUrl: https://www.youtube.com/@DesignSpo
  - title: The ULTIMATE Color Theory Guide For Beginners
    creator: DesignSpo
    creatorType: Organization
    creatorUrl: https://www.youtube.com/@DesignSpo
    url: https://www.youtube.com/watch?v=tKCORDK0IZU
    sourceType: youtube_video
    channelName: DesignSpo
    channelUrl: https://www.youtube.com/@DesignSpo
  - title: The Golden Rule Of Web Design
    creator: DesignSpo
    creatorType: Organization
    creatorUrl: https://www.youtube.com/@DesignSpo
    url: https://www.youtube.com/watch?v=CASPWJUsHPM
    sourceType: youtube_video
    channelName: DesignSpo
    channelUrl: https://www.youtube.com/@DesignSpo
  - title: A 4-step framework for building delightful products
    creator: Nesrine Changuel
    creatorType: Person
    url: https://www.youtube.com/watch?v=tX6nwT1Bsuo
    sourceType: youtube_video
    channelName: Lenny's Podcast
    channelUrl: https://www.youtube.com/@LennysPodcast
lineage_stats:
  sources: 7
  primitives: 9
  sourceClaims: 9
  edges: 24
  candidateV2Sources: 3
gallery:
  display_title: UI/UX Quality Review
  family: Interface Quality
  domain_id: product-and-design
  output_shapes:
    - interface audit
    - fix list
    - agent checks
  workflow:
    - Map the surface region by region.
    - Check alignment, hierarchy, overflow, and interaction.
    - Name the highest-leverage fixes.
    - Turn findings into agent-runnable checks.
  use_cases:
    - Audit a product screen or dashboard.
    - Turn visual feedback into concrete fixes.
    - Give an agent checkable UI quality rules.
  guardrails: &a1
    - Do not treat subjective taste as enough.
    - Do not skip mobile or overflow checks.
    - Do not add decoration before fixing hierarchy.
  starter_prompts:
    - Audit this screen region by region and return the highest-leverage fixes.
    - Turn this UI critique into agent-checkable rules.
  source:
    curated: true
    runtime: true
    blog: true
    fallback: false
  trust:
    eval_status: covered
    last_updated: 2026-05-03
    safety_notes: *a1
references:
  - id: ui_ux_quality_review.foundation_checks
    path: references/foundation-checks.md
    summary: Threshold-bearing rules for flow & states, visual hierarchy, spacing,
      typography, color & contrast, and component consistency — closed
      spacing/type scales, contrast-lever ranking, 60/30/10 color proportions,
      contrast floors.
    when_to_load:
      - When executing a full review, before producing findings for areas 1–6.
      - When the user's concern is hierarchy, spacing, typography, color, or
        consistency drift.
  - id: ui_ux_quality_review.polish_and_fit_checks
    path: references/polish-and-fit-checks.md
    summary: Threshold-bearing rules for visual noise, icons & affordances, feedback
      states, charts & data clarity, and responsive fit — shadow recipe,
      icon-library rules, loading thresholds, chart axis rules, breakpoint
      checklist.
    when_to_load:
      - When executing a full review, before producing findings for areas 7–11.
      - When the user's concern is decorative noise, icons, interaction
        feedback, charts, or mobile fit.
  - id: ui_ux_quality_review.ai_ui_smoke_test
    path: references/ai-ui-smoke-test.md
    summary: Fingerprint table for AI-generated UI (v0, Lovable, Cursor, Bolt) —
      eight named slop patterns with the corrective move for each.
    when_to_load:
      - When the screen under review was generated by an AI tool, or the user
        says the UI looks generic or like AI slop.
