skills.rest
rakibulism
rakibulismCOMMUNITY
Explore all skills by this author →
Website𝕏@rakibulismGitHub

visual-polish-reviewer

Identifies visual UI defects and outputs prioritized fixes with CSS recommendations.

2|1|Updated May 17, 2026
Search Tags:#ui#css#design review#ux#visual polish#design qa
One-click install
npx skills add https://github.com/rakibulism/agent-skills-os --skill visual-polish-reviewer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visual-polish-reviewer
Source: https://github.com/rakibulism/agent-skills-os/tree/main/skills/visual-polish-reviewer
Command: npx skills add https://github.com/rakibulism/agent-skills-os --skill visual-polish-reviewer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps catch the subtle visual issues that make a user interface feel unfinished, even when the layout and functionality are already correct. It focuses on the design details that are easiest to miss in a normal review: alignment, spacing, typography, contrast, borders, shadows, and interaction polish.

Core Features & Use Cases

  • Visual QA for Screenshots or Code: Review a screenshot, HTML, CSS, or JSX to identify polish issues with concrete fixes.
  • Prioritized Fix List: Organize findings into blocking, polish, subtle, and done-well sections so teams know what to address first.
  • Design System Consistency Checks: Catch inconsistent radii, spacing tokens, font treatment, focus rings, and micro-interactions that create visual drift.
  • Use Case: A product team is preparing a feature for launch and wants a fast design pass to improve spacing rhythm, contrast, and button states before shipping.

Quick Start

Review the provided UI and return a prioritized punch list of visual polish issues with specific CSS or token changes.

Frequently Asked Questions about visual-polish-reviewer

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

FAQPage Schema
How do I review my UI for visual polish issues before launch?▼

Visual polish review identifies subtle UI issues like alignment, spacing, typography, contrast, borders, and shadows. It produces a prioritized punch list of concrete CSS or design token fixes rather than vague aesthetic commentary, ensuring your interface feels finished.

Can I run a design QA check on both screenshots and JSX code?▼

Design QA supports screenshots, HTML, CSS, JSX, and URL-based UI surfaces. It assesses alignment, spacing, typography, and contrast across these formats, then returns specific CSS or token adjustments to resolve detected visual polish issues.

What is the best way to fix inconsistent spacing and typography in a user interface?▼

The best way to fix inconsistent spacing and typography is a design-system aware review. It catches visual drift in radii, spacing tokens, font treatment, and focus rings, then outputs specific CSS or token adjustments to restore consistency.

Does visual polish review provide actionable CSS fixes or just aesthetic commentary?▼

Visual polish review provides specific CSS or token adjustments instead of vague aesthetic commentary. It organizes findings into blocking, polish, subtle, and done-well sections so product teams know exactly what design fixes to prioritize.

When do I need a visual polish review for my web application?▼

You need a visual polish review when layout and functionality are correct but the UI feels unfinished. It catches subtle issues with focus rings, micro-interactions, spacing rhythm, and contrast, making it ideal for a fast design pass before shipping.

Related Skills

Explore More Design & Creative Skills→
eugenereugener
3

refactoring-ui

Audit frontend UI code against Refactoring UI design principles.

Community
Advanced
bfree-trainerbfree-trainer
60

polish

Fix visual alignment, spacing, copy, and interaction states across UI components.

Official
Advanced
jac007xjac007x

design-system-validator

Audit Walmart design-system compliance across tokens, components, and spacing.

Community
Advanced
AGMO-IncAGMO-Inc
4

accessibility

Detect WCAG accessibility issues in React/HTML/CSS via static review.

Official
Intermediate