ui-review-and-polish

Review UI artifacts for layout, responsiveness, and design-system adherence.

Updated Apr 27, 2026
One-click install
npx skills add https://github.com/vTRKA/supervibe --skill ui-review-and-polish
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-review-and-polish
Source: https://github.com/vTRKA/supervibe/tree/main/skills/ui-review-and-polish
Command: npx skills add https://github.com/vTRKA/supervibe --skill ui-review-and-polish

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

ui-review-and-polish ensures an existing UI mockup or implemented screen is reviewed for layout correctness, responsive behavior, visual hierarchy, accessibility basics, copy fit, interaction states, and design-system adherence using artifact-bound evidence before handoff or approval.

Core Features & Use Cases

  • Review workflow for UI artifacts: Use it only after a prototype, implemented framework screen, extension view, or mobile/desktop shell exists so the review can be grounded in real source artifacts.
  • Evidence-first, fail-closed approval: Returns blocked or partial outcomes when required runtime proof, receipts, owner approval, validator output, or Anti-AI-Slop evidence is missing.
  • Actionable handoff reporting: Emits a structured ui-polish-report with concrete decisions, the smallest required fixes, confidence scoring, and a strict Anti-AI-Slop stamp tied to gate taxonomy IDs.

Quick Start

Ask your AI to run ui-review-and-polish to review the existing UI artifact and produce a ui-polish-report that either approves handoff or blocks it with evidence-backed required fixes.

Frequently Asked Questions about ui-review-and-polish

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

FAQPage Schema
How do I review a UI artifact for design-system adherence before handoff?

Review a UI artifact for design-system adherence by validating layout, visual hierarchy, and interaction states using evidence-first guardrails. The process checks responsiveness and accessibility basics, then emits a structured ui-polish-report that either approves handoff or blocks it with required fixes.

How do you validate interaction states and responsive layout in an existing prototype?

Validate interaction states and responsive layout in an existing prototype by reviewing the implemented screen against artifact-bound evidence. The review checks responsiveness across desktop and mobile views, applying fail-closed behavior that returns blocked or partial outcomes when required runtime proof is missing.

What is Anti-AI-Slop gate taxonomy evidence in a UI review?

Anti-AI-Slop gate taxonomy evidence in a UI review is proof tied to specific gate IDs that validates visual claims and design decisions. It enforces fail-closed behavior, blocking handoff approval when critical proof, validator output, or owner approval is missing from the ui-polish-report.

Can I use a UI polish review for mobile and browser extension views?

A UI polish review can be used for mobile, desktop, and browser extension views. It applies to prototypes and implemented framework screens as part of the review phase before handoff, ensuring copy fit and accessibility basics are validated across all specified platforms.

Why does a UI review block handoff approval when runtime proof is missing?

A UI review blocks handoff approval when runtime proof is missing because it enforces evidence-first, fail-closed guardrails. This mechanism prevents unvalidated visual claims from passing, returning partial outcomes until required receipts, validator output, and Anti-AI-Slop evidence are provided.

What is the best way to ensure accessibility basics and copy fit are checked before approving a UI mockup?

The best way to ensure accessibility basics and copy fit are checked before approving a UI mockup is to run an evidence-first review. This process validates the artifact against design-system rules and emits a ui-polish-report with confidence scoring and concrete required fixes.