skills.rest
florianhorner
florianhornerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-review

Identify visual inconsistencies in design reviews and propose concrete fixes.

4|2|Updated Mar 29, 2026
Search Tags:#typography#spacing#visual-qa#design-review#color-contrast#ui-audit#before-after
One-click install
npx skills add https://github.com/florianhorner/mammamiradio --skill design-review-florianhorner
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/florianhorner/mammamiradio/tree/main/.claude/skills/gstack/design-review
Command: npx skills add https://github.com/florianhorner/mammamiradio --skill design-review-florianhorner

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This QA skill helps ensure visual consistency across designs by systematically identifying spacing, typography, color, and interaction issues and proposing concrete fixes.

Core Features & Use Cases

  • Visual QA audits for layouts, spacing, typography, color contrast, and interaction polish across web and mobile interfaces.
  • Before/after design comparisons that document changes and justify design decisions.
  • Iterative improvement workflow: apply fixes as atomic changes and re-verify visuals with the same criteria.

Quick Start

Audit the provided UI designs for visual issues and return a prioritized list of fixes with before/after visuals.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I perform a visual QA audit on UI designs for spacing and typography inconsistencies?▼

A visual QA audit identifies spacing, typography, and color inconsistencies by reading design files and checking them against design guidelines, returning a prioritized list of concrete fixes with before/after visuals.

What is the best way to document design changes during a UI audit?▼

The best way to document design changes during a UI audit is by generating before/after design comparisons that justify decisions and output actionable steps with suggested commits for each visual fix.

Can I use design QA to check color contrast and interaction polish across mobile and web screens?▼

Yes, design QA systematically checks color contrast and interaction polish across both web and mobile interfaces, proposing concrete fixes to ensure visual consistency throughout the layout.

Does visual QA support an iterative improvement workflow for fixing design files?▼

Visual QA supports an iterative improvement workflow by applying fixes as atomic changes and re-verifying visuals against the same criteria to ensure spacing and typography issues are fully resolved.

When do I need to run a UI audit on my design files?▼

You need to run a UI audit on your design files during design QA sessions to systematically identify visual inconsistencies in layout, spacing, typography, and color before proposing actionable fixes.

Related Skills

Explore More Design & Creative Skills→
vib795vib795

design-review

Audit live sites for visual inconsistencies in typography, spacing, and hierarchy.

Community
Advanced
scanbottscanbott

design-review

Audit web and mobile interfaces for spacing, hierarchy, and alignment issues.

Community
Advanced
The-Vibe-CompanyThe-Vibe-Company
2.4k

normalize

Align UI features to design system tokens, typography, color, and spacing.

Official
Advanced
robit-manrobit-man

regression-visual

Compare screenshots and analyze pixel differences across browsers and viewports.

Community
Advanced