skills.rest
sbalagan22
sbalagan22COMMUNITY
Explore all skills by this author →
GitHub

design-review

Assess web app visual design and output a findings report with screenshots.

1|Updated Mar 23, 2026
Search Tags:#typography#layout#polish#visual-design#design-review#responsiveness#ui-quality
One-click install
npx skills add https://github.com/sbalagan22/bloomr --skill design-review-sbalagan22
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/sbalagan22/bloomr/tree/main/.agent/skills/design-review
Command: npx skills add https://github.com/sbalagan22/bloomr --skill design-review-sbalagan22

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Quickly evaluate the visual quality of a web app or page to determine if it looks professional, consistent, and polished, serving as a design-focused companion to UX audits.

Core Features & Use Cases

  • Visual quality assessment across layout, spacing, typography, color, hierarchy, consistency, and responsive behavior.
  • Generates a design findings report with screenshots to document issues and recommendations.
  • Useful before client reviews, design sign-offs, feature handoffs, or periodic visual QA to ensure polish.

Quick Start

Provide a design review for the given UI and return a structured findings report with screenshots.

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 design review on a web app before a client sign-off?▼

A UI visual polish assessment evaluates layout, typography, spacing, color, hierarchy, interaction patterns, and responsive behavior to verify professional consistency. It serves as a design-focused companion to UX audits, ensuring pages meet visual quality standards before feature handoffs.

What is the best way to check UI responsiveness and spacing consistency?▼

Yes, a visual quality assessment evaluates interaction patterns, responsive behavior, and layout consistency to determine if a web page looks professional and polished. This periodic visual QA confirms whether UI polish meets design sign-off standards before client reviews.

Can I generate a design findings report with screenshots for periodic visual QA?▼

A visual QA assessment focuses strictly on visual polish—layout, typography, color, hierarchy, and responsive behavior—serving as a design-focused companion to functional UX audits. It outputs a findings report with screenshots to verify professional consistency, whereas UX audits evaluate broader user flows.

Does visual design assessment work for checking color hierarchy and typography?▼

Visual design assessment may not catch functional defects or backend logic issues, as it focuses strictly on visual polish like typography, spacing, color, and responsive behavior. When functionality or user flow validation is needed, pair it with a broader UX audit.

Related Skills

Explore More Design & Creative Skills→
tyronerosstyroneross
1

design-reference

Capture and store web design screenshots with configurable viewports.

Community
Intermediate
webdevtodayjasonwebdevtodayjason

dogfood

Automate exploratory QA testing of web applications with structured bug reports.

Community
Advanced
BrunoAMSilvaBrunoAMSilva

interface-design

Plan UI systems and define UX flows for software interfaces.

Community
Advanced
Anuj23105Anuj23105
1

accessibility-auditing

Tests web page and UI component accessibility compliance with WCAG 2.1 AA/AAA standards.

Community
Advanced