skills.rest
luisgustavooliveira
luisgustavooliveiraCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-review

Audit design assets for visual inconsistencies and fix them in code.

Updated Feb 27, 2026
Search Tags:#design review#user interface#source code#polish#visual QA
One-click install
npx skills add https://github.com/luisgustavooliveira/skills --skill design-review-luisgustavooliveira
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/luisgustavooliveira/skills/tree/main/design-review
Command: npx skills add https://github.com/luisgustavooliveira/skills --skill design-review-luisgustavooliveira

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill ensures your design is polished with a visual audit, fixing inconsistencies, spacing issues, and AI slop patterns, resulting in a consistent and appealing user interface.

Core Features & Use Cases

  • Visual QA: Identifies visual inconsistencies, spacing issues, hierarchy problems, and AI slop patterns.
  • Iterative Fixing: Automatically fixes issues in source code, committing each fix atomically, and re-verifying with before/after screenshots.
  • Plan-Mode Review: Provides a plan-mode option for design review before implementation.
  • Use Case: When asked to audit the design, conduct visual QA, check if the design looks good, or polish the look of a live site.

Quick Start

Run the design-review skill to initiate a visual QA process on your design.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I run a visual QA audit to fix UI inconsistencies and AI slop patterns?▼

To run a visual QA audit, execute the design-review skill on your project. It automatically identifies visual inconsistencies, spacing issues, and AI slop patterns in your user interface, iteratively applying source code fixes and verifying changes through atomic commits and before/after screenshots.

What is visual QA in front-end design review and when do I need it?▼

Visual QA in front-end design review is the process of auditing a user interface to identify and correct visual inconsistencies, spacing issues, and hierarchy problems. You need it when polishing a live site or ensuring visual consistency is critical for product design.

Can I review my user interface design before applying source code fixes?▼

Yes, you can review your user interface design before applying fixes. The design-review skill provides a plan-mode option that conducts a design review and outlines necessary changes before any source code implementation or automated fixing begins.

How does automated design review verify visual fixes in source code?▼

Automated design review verifies visual fixes by applying corrections to the source code, committing each fix atomically, and capturing before and after screenshots. This iterative process ensures that visual inconsistencies and slop patterns are actually resolved in the user interface.

What is the best way to polish a live site and fix spacing issues automatically?▼

The best way to polish a live site and fix spacing issues automatically is using an iterative visual QA skill. It audits the design, applies source code fixes for visual inconsistencies, and verifies the results through screenshots and atomic commits to ensure a consistent user interface.

Related Skills

Explore More Software Engineering Skills→
lehalpaullehalpaul

Canvas Skill

Display HTML content on OpenClaw nodes via a local HTTP server.

Community
Intermediate
stayconnectquickstayconnectquick

design-review

Audits UI spacing, typography and interaction inconsistencies in live sites and commits atomic fixes with before/after screenshots.

Community
Advanced
cegit27cegit27
3

design-review

Detect and fix visual design inconsistencies in web interfaces via source code.

Official
Advanced
VanLVanL
1

design-review

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

Community
Intermediate