void-ui-review

Audit and refine existing user interfaces against AI-slop, heuristic, and technical criteria.

Updated May 29, 2026
One-click install
npx skills add https://github.com/voidcorp-core/void-harness --skill void-ui-review-voidcorp-core
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: void-ui-review
Source: https://github.com/voidcorp-core/void-harness/tree/main/packages/core/skills/void-ui-review
Command: npx skills add https://github.com/voidcorp-core/void-harness --skill void-ui-review-voidcorp-core

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Shipped interfaces often read as generically AI-generated, with predictable palettes, missing interaction states, contrast failures, and no hierarchy. This Skill provides a deliberate audit pass over an existing UI to score what makes it look generated and drive scoped refinements instead of vague redesigns. ## Core Features & Use Cases - AI-slop detection: Runs a two-altitude category-reflex test to catch first-order and second-order generic design choices, plus a register classification (brand vs product) that sets the right quality bar. - Heuristic critique and technical audit: Applies first-impression and squint tests, interaction-state coverage checks, contrast ratios (4.5:1 body text), accessibility, responsive, and performance audits with per-dimension N/10 scoring. - Scoped refine modes: Drives focused edits via modes like polish, harden, distill, bolder, quieter, clarify, layout, and typeset rather than wholesale rewrites. - Use Case: After shipping a dashboard, ask for a UI review to get scored findings on hierarchy, missing empty/error states, and contrast failures, then run a clarify and layout refine to fix them. ## Quick Start Review the UI I just built for AI-slop patterns, interaction-state gaps, and contrast issues, then propose a scoped refine.

Frequently Asked Questions about void-ui-review

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

FAQPage Schema
How do I audit an existing UI for AI-generated design patterns?

Run the AI-slop test at two altitudes: check whether the theme and palette are guessable from the product category alone, then whether the aesthetic family is guessable from category plus anti-reference. If either answer is obvious, rework the color strategy and visual concept.

What is the difference between UI review and frontend design guidance?

Frontend design guidance is the build-time floor applied while writing UI, covering bans and build rules. UI review is the audit-time ceiling applied to an already-rendered interface, checking against those rules and scoring findings without restating them.

How do I check contrast and accessibility in a shipped interface?

Verify body text meets a 4.5:1 contrast ratio, large text meets 3:1, and placeholders are held to 4.5:1 rather than muted-gray defaults. Also check keyboard path, focus order, ARIA attributes, and 44px touch targets.

Can this skill review a live UI in a browser?

Live browser operation is delegated to a separate QA skill that captures current-diff screenshots and behavioral proof. This skill supplies the review rubric and methodology applied against that captured evidence, not direct browser control.

When should I use refine modes instead of a full redesign?

Use refine modes when critique findings exist and the UI needs targeted fixes, not a rewrite. Modes like polish, harden, distill, bolder, quieter, clarify, layout, and typeset each scope the edit to a specific class of finding.