skills.rest
RxFit
RxFitCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Automate visual code review and design correction for web UIs.

Updated Jun 5, 2026
Search Tags:#design review#code improvement#visual QA#AI-assisted design#UI polishing
One-click install
npx skills add https://github.com/RxFit/hub-overlay --skill design-review-rxfit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/RxFit/hub-overlay/tree/main/hub/skills/gstack/design-review
Command: npx skills add https://github.com/RxFit/hub-overlay --skill design-review-rxfit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires bash, read, write, edit, glob, grep, askuserquestion, webservicearch, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates visual quality assurance and design polishing in code, fixing inconsistencies and optimizing UI elements.

Core Features & Use Cases

  • Visual Inconsistency Detection: Identifies and corrects visual inconsistencies, spacing issues, and hierarchy problems.
  • AI-Driven Polishing: Uses AI to suggest and implement improvements to the code.
  • Atomic Commits: Commits each fix atomically for easy rollback and tracking.
  • Plan-Mode Design Review: Provides a feature for design reviews before implementation.
  • Use Case: When asked to "audit the design", "visual QA", or "polish the look" of a website, this Skill can analyze and improve the UI.

Quick Start

Run the /design-review command to start the design review process for the current codebase.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I automate visual QA for web UI components in my codebase?▼

Automate visual QA by running a design review command that analyzes your codebase to detect visual inconsistencies, spacing issues, and hierarchy problems, then applies AI-driven corrections directly to the code.

Can AI automatically fix UI spacing and visual hierarchy problems in code?▼

AI can automatically fix UI spacing and visual hierarchy problems by suggesting and implementing code improvements. It identifies inconsistencies across web UI components and applies corrections atomically for easy tracking.

What is the best way to polish the look of a website before deployment?▼

The best way to polish a website's look is using a plan-mode design review to audit visual elements first, followed by automated code corrections that optimize UI components and ensure visual consistency.

How do I track design corrections applied to my web UI code?▼

Track design corrections through atomic commits, where each visual fix and AI-driven improvement is committed individually, allowing you to easily monitor changes and roll back specific corrections if needed.

Does this visual code review tool support plan-mode analysis before implementation?▼

This visual code review tool supports plan-mode analysis, allowing you to review design suggestions and evaluate UI polishing strategies before any actual code modifications are implemented in your project.

Related Skills

Explore More Design & Creative Skills→
emersoftwareemersoftware
1

web-design-guidelines

Analyze UI source code for compliance with Web Interface Guidelines.

Community
Intermediate
winsorllcwinsorllc

git-ops

Automate Git operations for commits, branches, and remote synchronization.

Community
Basic
tmcfarlanetmcfarlane
105

codebase-search

Search codebases using semantic search, grep, glob, and AST-guided navigation.

Community
Intermediate
VanLVanL
1

design-review

Detect visual inconsistencies and spacing issues in source code or designs.

Community
Intermediate